This is E-Learning Platform built with Next.js 13, React, Stripe, Mux, Prisma, Tailwind, Shadcn UI,MySQL This Learning Management System serves as a centralized hub for educational content, enabling easy access, interaction, and tracking of courses and materials. First, run the development server:
![Screenshot 2024-02-04 at 3 28 15 PM](https://private-user-images.githubusercontent.com/100342013/302226200-c7ad4f73-d085-4ae1-b759-2096a2519484.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MTcxNjEsIm5iZiI6MTcxOTQxNjg2MSwicGF0aCI6Ii8xMDAzNDIwMTMvMzAyMjI2MjAwLWM3YWQ0ZjczLWQwODUtNGFlMS1iNzU5LTIwOTZhMjUxOTQ4NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNlQxNTQ3NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zYjUzYzZkYTE3OTBiMTRhMTIxYzJhZmFiMGY5YzI2MmM5ZTg5M2IzYzQxZjMxZTBhYzlhOGI0MTI0ZTk2OWU3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.tQDXCW1OK2FPfyQa_vUIO7nd2SsQ50sao6hNiaEB9hY)
![Screenshot 2024-02-04 at 3 34 05 PM](https://private-user-images.githubusercontent.com/100342013/302229964-f0d0b03f-f304-46ba-a2b9-d07bcfb98485.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MTcxNjEsIm5iZiI6MTcxOTQxNjg2MSwicGF0aCI6Ii8xMDAzNDIwMTMvMzAyMjI5OTY0LWYwZDBiMDNmLWYzMDQtNDZiYS1hMmI5LWQwN2JjZmI5ODQ4NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNlQxNTQ3NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hYWNiNDg4NzdmNDI1NmY2NWFmYzFhZDNiMjk2Mzc4MjQyZDBiZjg4Zjk0ZTU5ODhlZmVmNmUzYTE2YjI0YWUzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.bD21hi3Rwzwh3rzGLOQBBgewfEVkXuUWHeMKUYHkGSE)
![Screenshot 2024-02-04 at 3 33 43 PM](https://private-user-images.githubusercontent.com/100342013/302229790-6f4c192d-e8da-4bec-9986-c57fe9a16507.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0MTcxNjEsIm5iZiI6MTcxOTQxNjg2MSwicGF0aCI6Ii8xMDAzNDIwMTMvMzAyMjI5NzkwLTZmNGMxOTJkLWU4ZGEtNGJlYy05OTg2LWM1N2ZlOWExNjUwNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyNlQxNTQ3NDFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03YzgwMjMyMzI5MTExZGNhNmMxYWQ0ZjQ2NDc2Njk2Yjg5OGNjNTFlZDU4Njg4MTZmYjg1Zjg5MTA1YjQ0ZjY2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.mjGJtwnOUnlW-REWntPhaw2ExQLO_1TUZIWpRgLQKiQ)
- Browse & Filter Courses
- Purchase Courses using Stripe
- Mark Chapters as Completed or Uncompleted
- Progress Calculation of each Course
- Student Dashboard
- Teacher mode
- Create new Courses
- Create new Chapters
- Easily reorder chapter position with drag nโ drop
- Upload thumbnails, attachments and videos using UploadThing
- Video processing using Mux
- HLS Video player using Mux
- Rich text editor for chapter description
- Authentication using Clerk
- ORM using Prisma
- MySQL database
Node version 18.x.x
npm install
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=
DATABASE_URL=
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=
MUX_TOKEN_ID=
MUX_TOKEN_SECRET=
STRIPE_API_KEY=
NEXT_PUBLIC_APP_URL=http://localhost:3000
STRIPE_WEBHOOK_SECRET=
NEXT_PUBLIC_TEACHER_ID=
npx prisma generate
npx prisma db push
npm run dev