An advanced Learning Management System built with React, TypeScript, and Vite.
This application requires environment variables to be explicitly configured. No fallback values are provided to ensure full control over the configuration.
-
Copy the environment template:
cp .env.example .env
-
Configure your environment variables: Edit the
.envfile with your specific configuration:# API Configuration (Required) VITE_API_URL=http://localhost:4000 # For development # VITE_API_URL=https://your-production-api.com # For production # Authentication Configuration VITE_BYPASS_AUTH=false # Development Configuration NODE_ENV=development
| Variable | Description | Required | Example |
|---|---|---|---|
VITE_API_URL |
Backend API URL | Yes | http://localhost:4000 |
VITE_BYPASS_AUTH |
Bypass authentication (dev only) | No | false |
NODE_ENV |
Environment mode | No | development |
VITE_API_URL is required and must be set explicitly. The application will not work without it.
For production deployment, you must set these environment variables in your deployment platform:
VITE_API_URL=https://your-production-api.com
VITE_BYPASS_AUTH=false
NODE_ENV=productionFor local development:
cp .env.example .env
# Edit .env and set VITE_API_URL=http://localhost:4000
npm install
npm run devThe application requires explicit environment configuration for:
- ✅ Better security (no default URLs exposed)
- ✅ Full control over API endpoints
- ✅ Clear configuration requirements
- ✅ Prevents accidental fallback usage
npm installnpm run devnpm run build- 🎓 Course management
- 👥 User authentication
- 📺 Video streaming with HLS
- 📝 Interactive lessons
- 🤖 AI assistant integration
- 📱 Responsive design
- React 18
- TypeScript
- Vite
- TailwindCSS
- React Query
- React Router
npm run dev- Starts the development servernpm run build- Builds the application for productionnpm run preview- Previews the production build locallynpm run check- Runs TypeScript type checkingnpm run lint- Lints the codebase
/src- Source code/components- React components/context- React context providers/hooks- Custom React hooks/lib- Utility functions and configurations/pages- Application pages