/Learning_Management_system

Primary LanguageTypeScript

Learning Management System (LMS) Platform

Introduction

This Learning Management System (LMS) platform is developed using Next.js and serves as a comprehensive solution for online education. It supports both students and teachers, providing various features to facilitate online learning and course management. This project was created for educational purposes to explore and implement modern web development technologies and practices.

Features

For Teachers

  • Course Creation: Create and manage courses.
  • Chapter Management: Add and organize chapters within courses.
  • Content Upload: Upload chapter-wise videos, PDFs, and other materials.
  • Media Handling: Use Uploadthing for managing uploads and Mux for video presentation.

For Students

  • Course Enrollment: Enroll in available courses.
  • Content Access: Access course videos and materials uploaded by teachers.

Technologies Used

  • Frontend: Next.js
  • Authentication: Clerk.js for sign-in and sign-up functionality.
  • File Uploads: Uploadthing for handling uploads of videos, PDFs, photos, and other files.
  • Video Streaming: Mux for video presentation within the app.
  • Payment Integration: Stripe for handling payments.
  • Database: Prisma ORM for interacting with a PostgreSQL database.
  • UI Components: Shadcn library for styling and UI components.

Setup and Installation

Prerequisites

  • Node.js (v14 or higher)
  • PostgreSQL
  • Stripe Account
  • Mux Account
  • Clerk.js Account
  • Uploadthing Account

Steps

  1. Clone the Repository

    git clone https://github.com/Mihirjataniya/Learning_Management_system.git
cd Learning_Management_system

  2. Install Dependencies

    npm install

  3. Environment Variables Copy the provided .env.example to .env and fill in the necessary values.

    cp .env.example .env

  4. Run Database Migrations

    npx prisma migrate dev

  5. Start the Development Server

    npm run dev

  6. Access the Application Open your browser and navigate to http://localhost:3000.

How to Use

Teacher Workflow

  1. Sign up or log in using Clerk.js.
  2. Create a new course.
  3. Add chapters to the course.
  4. Upload videos and materials to each chapter using Uploadthing.
  5. Manage courses and content through the teacher dashboard.

Student Workflow

  1. Sign up or log in using Clerk.js.
  2. Browse available courses.
  3. Enroll in a course.
  4. Access course content, including videos and materials, through the student dashboard.
  5. Complete course and track progress.

Acknowledgements

This project was developed for learning purposes only.