This is the frontend of the E-Learning Platform, built using React Vite with TypeScript. The platform facilitates online learning by allowing admins, teachers, and students to interact within a structured system.
- User authentication with login functionality.
- Role-based access control (Admin, Teacher, Student).
- Create and manage teachers, students, and courses.
- Assign teachers to courses.
- Add and manage courses.
- Create modules, activities, and activity details within courses.
- View and grade student-submitted activities (quizzes, assignments, etc.).
- Access only the courses assigned by teachers or admins.
- View course content and submit quizzes and assignments.
- Frontend: React Vite (TypeScript)
- Styling: Bootstrap
- Navigation: React Router
Ensure you have the following installed:
-
Clone the repository:
git clone https://github.com/payamaya/Vite-APL.git cd e-learning-frontend -
Install dependencies:
npm install # or yarn install -
Start the development server:
npm run dev # or yarn devThe application should now be running at
http://localhost:5173/(default Vite port).
To create an optimized production build, run:
npm run build
# or
yarn buildThis will generate a dist/ folder with the optimized static assets.
You can deploy the built files to any static hosting provider (e.g., Vercel, Netlify, Firebase Hosting, GitHub Pages, etc.).
Example deployment with Vercel:
- Install Vercel CLI:
npm install -g vercel
- Deploy the project:
vercel
Follow the CLI instructions to complete the deployment.
If you would like to contribute to this project, feel free to fork the repository and submit a pull request.
This project is licensed under the MIT License.