Modern Online Learning Management System (LMS)

A premium, dark-themed, responsive full-stack platform for online education.

Features

Student Side

• Authentication (Login/Signup)
• Browse and search available courses
• Course Details with Enrolling system
• Course Player (Video, Notes, Progress tracking)
• Attempt Quizzes and score tracking
• Student Dashboard (Progress, Certificates placeholder, Enrolled courses)

Admin Side

• Admin Dashboard
• Manage Courses (Add, Edit, Delete placeholders)
• Manage Lessons (Add video, descriptions)
• Quizzes management placeholders
• Secure protected routes

Tech Stack

• Frontend: React.js, Tailwind CSS (Dark Glassmorphism Theme), Framer Motion, Lucide React, Axios
• Backend: Node.js, Express.js, JWT Authentication
• Database: MongoDB (Mongoose)

Project Structure

• /frontend - React application
• /backend - Node.js API server

How to Run Locally

1. Database Setup (MySQL)

Make sure you have XAMPP/WAMP or a local MySQL server installed running on port 3306.

1. Open phpMyAdmin or your MySQL client.
2. Import the lms.sql file provided in the root folder. This will create the database modern_lms, all required tables, and insert dummy data.

2. Backend Setup (PHP)

1. Move the api folder from this project directory to your XAMPP htdocs folder (or equivalent web root).
   • E.g., C:\xampp\htdocs\modern-lms\api
2. Ensure your Apache server is running via XAMPP.
3. The API will now be accessible at http://localhost/modern-lms/api.

(Note: The React frontend is preconfigured to call http://localhost/modern-lms/api with session cookies enabled).

3. Frontend Setup

1. Open a new terminal and navigate to /frontend
2. Run npm install
3. Start the UI: npm run dev (The frontend runs on Vite, usually http://localhost:5173)

Dummy Accounts created by Seed:

• Admin: admin@lms.com (password: admin123)
• Student: student@lms.com (password: student123)