Learning Management System (LMS)

A full-stack Learning Management System built with the MERN stack that enables instructors to create courses and quizzes while allowing students to learn, practice, and track their performance.

The platform supports three user roles — Admin, Instructor, and Student — with dedicated dashboards and permissions. It also includes an AI Study Assistant that helps students during their learning journey.

Live Demo

🌐 Live Application https://lms-system-frontend-1gk5.onrender.com/

Key Features Role-Based Access

The platform provides separate functionality for three user types:

Admin

Manage users and instructors

Manage courses and learning content

Monitor system activity

Instructor

Create and manage courses

Add quizzes and assessments

Track student performance

Student

Enroll in courses

Attempt quizzes and assessments

Track quiz results and progress

Use the AI Study Assistant for learning support

Quiz & Assessment System

The LMS includes a flexible quiz system with:

Objective and subjective questions

Difficulty-based filtering

Question type filtering

Timer-based quiz attempts

Automatic result tracking

Course Management

Instructors and admins can:

Create new courses

Update course information

Manage course content and quizzes

Students can browse and enroll in available courses.

AI Study Assistant

Students have access to an integrated AI Study Assistant that helps them during their learning process, providing support for study questions and learning guidance.

Tech Stack Frontend

React (Vite)

Tailwind CSS

Axios

React Router DOM

React Icons

Backend

Node.js

Express.js

MongoDB

Mongoose

JWT Authentication

Cloudinary (media storage)

Project Structure LMS-system │ ├ backend │ ├ config │ ├ controllers │ ├ middleware │ ├ models │ ├ routes │ ├ utils │ └ server.js │ ├ frontend │ ├ src │ │ ├ assets │ │ ├ components │ │ ├ pages │ │ ├ services │ │ └ utils │ │ │ └ App.jsx Core Functionalities

Role-based authentication using JWT

Course and quiz management system

Objective & subjective assessments

Difficulty-based quiz filtering

Timer-based quizzes

Result tracking system

AI study assistance for students

Full MERN stack architecture

What This Project Demonstrates

This project demonstrates the ability to build a complete full-stack learning platform, including:

Role-based authentication and authorization

Interactive quiz and assessment systems

Course management workflows

Backend API design using Express and MongoDB

Modern React frontend architecture

Author

Kinza MERN Stack Developer