Skip to content

README.md

Latest commit

 

History

History
61 lines (41 loc) · 2.07 KB

README.md

File metadata and controls

61 lines (41 loc) · 2.07 KB
Raw

Framework UI

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/

🚀 Tech Stack

  • 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

✨ Key Features

  • ⚡ 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

🏃‍♂️ Quick Start

Development

# 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

Access URLs

Demo Credentials

The application includes a demo authentication system. You can log in with any email and password combination.

🎯 Application Structure

  • 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

🔧 Development

This implementation provides the basic infrastructure with small, flexible building blocks that allow for rapid UI development while maintaining enterprise-grade quality.