Basic UI infrastructure built with modern web technologies to provide a flexible foundation for building UIs on top of backend applications.
Access URL: https://framework-ui.vercel.app/
- React 19 with TypeScript
- Vite - Lightning-fast build tool with HMR
- Ant Design v5 - Enterprise-grade UI component library
- Apollo Client - Comprehensive GraphQL client with smart caching
- React Router v7 - Modern client-side routing
- Vercel - Production deployment platform
- ⚡ Lightning-fast development - Vite's HMR starts in ~200ms
- 🎨 Enterprise UI components - Professional, accessible components out of the box
- 🚀 GraphQL power - Smart caching, optimistic updates, offline support
- 📱 Responsive design - Mobile-first approach with Ant Design's grid system
- 🔐 Complete authentication - JWT-based auth with protected routes
- 🎯 Flexible foundation - Small building blocks for maximum UI flexibility
# Install dependencies
npm install
# Start development server (accessible at http://localhost:5173)
npm run dev
# Build for production
npm run build
# Preview production build locally
npm run preview- Development: http://localhost:5173 (after running
npm run dev) - Production: Deployed on Vercel https://framework-ui.vercel.app/
The application includes a demo authentication system. You can log in with any email and password combination.
- Login Page: Professional authentication interface with form validation
- Dashboard Page: Main application interface with user greeting and logout functionality
- Protected Routes: Automatic redirection based on authentication status
- Apollo GraphQL: Pre-configured client ready for API integration
This implementation provides the basic infrastructure with small, flexible building blocks that allow for rapid UI development while maintaining enterprise-grade quality.