A modern, responsive learning platform built with React, TypeScript, and Tailwind CSS. Features a comprehensive course catalog, interactive quizzes, and progress tracking.
- 📚 Course Management - Browse and enroll in diverse courses
- 🧠 Interactive Quizzes - Test your knowledge with comprehensive exams
- 📊 Progress Tracking - Monitor your learning progress with detailed analytics
- 🎯 Learning Paths - Structured learning tracks for different specializations
- 🌍 Responsive Design - Works seamlessly on desktop, tablet, and mobile
- ✨ Modern UI - Beautiful, accessible user interface with smooth animations
- Frontend Framework: React 18
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Build Tool: Vite
- Node.js (v16 or higher)
- npm or yarn
# Clone the repository
git clone <repository-url>
# Navigate to the project directory
cd ai-academy
# Install dependencies
npm install
# Start the development server
npm run devThe application will be available at http://localhost:8080
npm run dev # Start development server
npm run build # Build for production
npm run build:dev # Build in development mode
npm run lint # Run ESLint
npm run preview # Preview production buildsrc/
├── components/
│ ├── courses/
│ ├── layout/
│ ├── modals/
│ ├── pages/
│ ├── sections/
│ └── ui/
├── context/
├── data/
├── hooks/
├── lib/
├── pages/
├── App.tsx
└── main.tsx
- Responsive Design - Mobile-first approach with Tailwind CSS
- Type Safety - Full TypeScript support
- Component Library - Pre-built UI components with shadcn/ui
- Context API - Efficient state management
- Demo Data - Pre-loaded with sample courses and progress
To build for production:
npm run buildThe output will be in the dist/ directory, ready to deploy to any static hosting service (Vercel, Netlify, GitHub Pages, etc.).
This project is open source and available for portfolio and educational purposes.