This project is a Learning Management System (LMS) built to provide students and teachers with a seamless and interactive experience. The platform offers a range of features, from course browsing to progress tracking, and is designed with modern tools for enhanced functionality and scalability.
🌐 Check out the live version of the app here.
- Browse & Filter Courses: Easily explore various courses using a filtering system to find what you need.
- Purchase Courses with Stripe: Secure and reliable payment integration with Stripe for purchasing courses.
- Track Course Progress: Mark chapters as complete or incomplete, with real-time progress tracking for each course.
- Student Dashboard: View enrolled courses and monitor personal progress across different subjects.
- Teacher Mode: Switch to teacher mode to create and manage your courses.
- Create New Courses and Chapters: Easily add courses and chapters with a few clicks.
- Reorder Chapters with Drag & Drop: Quickly change the structure of your course using a drag-and-drop interface.
- Rich Text Editor: Describe your course chapters with a fully-featured rich text editor.
- Upload Media with UploadThing: Upload thumbnails, attachments, and videos for your courses.
- Video Processing & HLS Player: Videos are processed using Mux and streamed with an HLS player for smooth playback.
- User Authentication with Clerk: Secure and efficient authentication solution for both students and teachers.
- ORM with Prisma: Prisma ORM for easy and robust database management.
- MySQL Database on Railway: Database is hosted and managed using Railway with MySQL.
- Frontend: React.js
- Backend: Next.js
- Database: MySQL (Railway)
- ORM: Prisma
- Authentication: Clerk
- Payments: Stripe
- Media Uploads: UploadThing
- Video Processing: Mux
- Deployment: Vercel
This app is deployed using Vercel, allowing for fast and easy deployment of both the frontend and backend.