🎓 Online Learning & Course Recommendation Platform

A full-stack MERN-based Online Learning & Course Recommendation Platform designed to provide a personalized learning experience through course discovery, enrollment management, recommendations, and progress tracking.

This platform enables users to explore courses, enroll in learning programs, monitor their progress, and receive personalized course suggestions based on their interests.

---

🚀 Features

🔐 Authentication & Authorization

• User Registration
• User Login
• JWT Authentication
• Protected Routes
• Secure User Sessions

📚 Course Management

• View Available Courses
• Course Details Page
• Dynamic Course Data from MongoDB
• Category-Based Organization
• Course Metadata Display

🎯 Personalized Learning

• Course Enrollment System
• My Learning Dashboard
• Personalized Recommendations
• Interest-Based Suggestions

📈 Progress Tracking

• Learning Progress Monitoring
• Course Completion Percentage
• Progress Visualization
• User Learning Analytics

👤 User Profile

• User Information Management
• Personalized Learning Experience
• Interest-Based Customization

---

🛠️ Tech Stack

Frontend

• React.js
• React Router DOM
• Axios
• Tailwind CSS
• Vite

Backend

• Node.js
• Express.js

Database

• MongoDB Atlas
• Mongoose

Authentication

• JSON Web Token (JWT)
• bcryptjs

---

📂 Project Structure

Online-Learning-Course-Recommendation-Platform/

├── client/
│   ├── src/
│   │   ├── components/
│   │   ├── pages/
│   │   ├── routes/
│   │   ├── App.jsx
│   │   └── main.jsx
│   │
│   └── public/
│
├── server/
│   ├── controllers/
│   ├── middleware/
│   ├── models/
│   ├── routes/
│   ├── config/
│   ├── utils/
│   └── server.js
│
└── README.md

---

📸 Screenshots

Login Page

Register Page

Dashboard

Courses Page

Course Details

My Learning

---

⚙️ Installation

Clone Repository

git clone https://github.com/VaishnavaDevi-R/Online-Learning-Course-Recommendation-Platform.git

Navigate to Project

cd Online-Learning-Course-Recommendation-Platform

---

Backend Setup

cd server

npm install

Create a .env file:

PORT=5000

MONGO_URI=your_mongodb_connection_string

JWT_SECRET=your_secret_key

Run Backend:

npm run server

---

Frontend Setup

cd client

npm install

npm run dev

Frontend:

http://localhost:5173

Backend:

http://localhost:5000

---

🔗 API Endpoints

Authentication

POST /api/auth/register

POST /api/auth/login

Courses

GET /api/courses

GET /api/courses/:id

POST /api/courses

Enrollments

POST /api/enrollments

GET /api/enrollments/my-courses

Recommendations

GET /api/recommendations

Progress

POST /api/progress

GET /api/progress

---

🌟 Key Highlights

• Full MERN Stack Application
• JWT-Based Authentication
• MongoDB Atlas Integration
• RESTful API Architecture
• Dynamic Course Management
• Personalized Recommendations
• Progress Tracking System
• Modern Responsive UI

---

🎯 Future Enhancements

• Course Search & Filters
• Video Lectures
• Certificates
• Admin Dashboard
• AI-Powered Recommendations
• Course Reviews & Ratings
• Payment Gateway Integration
• Dark Mode

---

👩‍💻 Author

Vaishnava Devi

---

⭐ Support

If you found this project useful, consider giving it a star ⭐ on GitHub.

---

Built with ❤️ using MERN Stack