A modern and responsive E-Learning Platform that allows students to enroll in courses, watch video lectures, track learning progress, and access educational resources — all in one place.
Built with React, Material UI, Firebase, and YouTube API.
- Sign Up / Sign In / Forgot Password
- Complete & Edit Profile
- Upload profile image
- Select educational level and topics
- Enroll in courses
- Watch YouTube playlists inside the platform
- Track video & course progress
- Mark videos as completed
- Save videos to Watch Later
- Read blogs and useful resources
- Responsive and user-friendly interface
- Access Admin Dashboard
- View platform statistics
- Manage courses (Add / Edit / Delete)
- Manage blogs (Add / Edit / Delete)
- Manage resources (Add / Edit / Delete)
- View users data
- All Admin permissions
- Manage user roles (Student / Admin)
| Role | Permissions |
|---|---|
| Student | Learning & profile management |
| Admin | Content & users management |
| Super Admin | Full system control |
- Frontend: React
- UI Library: Material UI
- Authentication: Firebase Authentication
- Database: Firestore
- Video Integration: YouTube API
- Image Upload: Cloudinary
- Hosting: Firebase Hosting
- Home
- Authentication (Sign Up / Sign In)
- Complete Profile
- My Courses
- Course Player
- Watch Later
- Blogs
- Blog Details
- Resources
- Profile
- Admin Dashboard
- Overview statistics (Users, Courses, Blogs)
- Users management (Role control for Super Admin)
- Courses management
- Blogs management
- Resources management
- Firebase Authentication
- Role-based access control
- Secure Firestore rules
- Fully responsive layout
- Optimized for desktop, tablet, and mobile devices
- Certificates after course completion
- Notifications system
- Advanced analytics dashboard
- Offline learning support
Mohammad Nidal Salem
Computer Engineering Student – Al-Azhar University (Gaza)
Frontend Developer (React)
This project is for educational purposes.