/lul

An open-source full-stack platform for online courses. Users can watch courses while teachers can upload content and access sales analytics. Built with modern web technologies.

Primary LanguageTypeScript

Educational Platform

Landing Page

image

Login Page

image

UserPage

App Screenshot

Admin dashboard to add Courses

Stripe for Payment

SidePanel for user to watch courses

image

Teacher Dashboard to Watch course activity

image

Your Comprehensive Learning Solution

Our platform offers a seamless solution for managing and delivering educational content, catering to both educators and learners. Whether you're eager to explore new subjects or share knowledge, our platform has you covered.

Features:

1. Landing Page:

  • Engaging introduction to the platform and its offerings.
  • Easy navigation to different sections of the platform.

2. Blog Section:

  • Stay updated with the latest educational articles, news, and insights.
  • Access valuable resources to enhance your learning experience.

3. User Dashboard:

  • Personalized dashboard for managing your learning journey.
  • Effortlessly purchase courses using integrated payment solutions.
  • Track course progress with visual indicators.
  • Convenient access to course content and materials.

4. Course Creation:

  • Create, manage, and update courses seamlessly.
  • Set course details including pricing, descriptions, and availability.
  • Monitor course completion progress.

5. Educator Dashboard:

  • Dedicated dashboard for educators to manage courses.
  • Easily update course details, pricing, and availability.
  • Gain insights into course performance through analytics.

6. Analytics:

  • Access comprehensive analytics to track course performance.
  • Monitor sales, revenue, and enrollment data for informed decisions.

Getting Started:

  1. Clone the repository to your local machine.
  2. Install dependencies using npm install.
  3. Set up your database and configure environment variables.
  4. Run the application using npm run dev.
  5. Access the application via your web browser.

Technologies Used:

  • Frontend: Next.js 14
  • Backend: Prisma, MySQL
  • Payment Integration: Stripe

Support:

For inquiries or assistance, contact us on Twitter.