https://github.com/amarnarayandwivedi/e-learning

Developed a full-stack Learning Management System (LMS) using the MERN stack (MongoDB, Express.js, React, Node.js).
https://github.com/amarnarayandwivedi/e-learning

Last synced: 7 months ago
JSON representation

Developed a full-stack Learning Management System (LMS) using the MERN stack (MongoDB, Express.js, React, Node.js).

• Host: GitHub
• URL: https://github.com/amarnarayandwivedi/e-learning
• Owner: AmarNarayanDwivedi
• Created: 2025-03-10T22:14:39.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-03-10T22:28:29.000Z (7 months ago)
• Last Synced: 2025-03-10T23:26:46.011Z (7 months ago)
• Language: JavaScript
• Size: 134 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Learning Management System (LMS)

This project is a full-stack Learning Management System (LMS) built using the MERN stack (MongoDB, Express.js, React, Node.js). 

## Features

* **User Authentication:** Secure user registration and login with password hashing.

* **Role-Based Access Control:** Differentiated access levels for instructors and students.

* **Course Management:** * Add, edit, and delete courses.

    * Comprehensive course details with descriptions, instructors, and learning outcomes.

    * Course search and filtering by category, instructor, and other criteria.

* **Student Enrollment:** * Enroll in courses and access course materials.

    * View course progress and track learning achievements.

* **Instructor Dashboard:** * Manage courses, track student progress, and communicate with students.

* **Payment Integration:** Secure online payments through Stripe.

* **Demo Videos:** Free access to introductory video lectures for course previews.

* **Responsive Design:** Optimized for various screen sizes (desktop, tablet, and mobile).

## Technologies Used

* **Frontend:** React.js, JavaScript, CSS, HTML

* **Backend:** Node.js, Express.js

* **Database:** MongoDB

* **Payment Gateway:** Stripe

* **State Management:** (Consider mentioning if you used any, e.g., Redux, Zustand)

## Project Structure

* **client:** Contains all frontend components, styles, and assets.

* **server:** Houses the backend API endpoints, database models, and server logic.

* **README.md:** This file.

  

## DEMO

**Project landing page**

  ![image](https://github.com/user-attachments/assets/c81e1884-171b-406f-8247-46e4db5e0641)

**User signup/login page**

  ![Screenshot 2025-03-10 220824](https://github.com/user-attachments/assets/d8644b85-b29d-44f3-be20-fb4f56f24fed)

**Course search and filtering page**

  ![Screenshot 2025-03-10 220904](https://github.com/user-attachments/assets/ec35881f-94f0-4684-94dc-684eb023bc84)

**Course details page (with demo video)**

  ![Screenshot 2025-03-10 220922](https://github.com/user-attachments/assets/6a38433d-8953-4b9a-8157-91a195b35f25)

**Payment gateway integration**

  ![Screenshot 2025-03-10 220934](https://github.com/user-attachments/assets/b75d0db6-76ba-4c50-ae4f-d2bc6b864f0b)