An open API service indexing awesome lists of open source software.

https://github.com/MeetDOD/EduLearning

This is the frontend for LMS created using reactjs, html5, css3 and bootstrap
https://github.com/MeetDOD/EduLearning

bootstrap5 css html javascript reactjs scss

Last synced: 9 months ago
JSON representation

This is the frontend for LMS created using reactjs, html5, css3 and bootstrap

Awesome Lists containing this project

README

          

# 🎓 EduLearning (Learning Management System)

![eduLearning](https://img.shields.io/badge/LMS-Django%20%7C%20React-blue.svg)
![GitHub license](https://img.shields.io/github/license/MeetDOD/Learning-Management-System-LMS-Frontend-)

A feature-rich **Learning Management System (LMS)** built with **Django REST Framework** and **React.js**, designed as a **Udemy-like platform**. Students can come and Enroll in various courses of their wish with wide range of Domains. Students **Admin Panel**, Teachers Admin Panel, Website Admin Panel, **Student Testimonials**, Various Categories and other functionality included.

---

## 📌 Features

✅ **Student & Teacher Roles** - Separate dashboards for students & instructors
✅ **Course Management** - Create, update, and enroll in courses
✅ **Assignments & Study Materials** - Teachers can upload materials and assignments
✅ **One-to-One Chat** - Real-time messaging between students and teachers
✅ **User Authentication** - Secure login/signup with JWT
✅ **Responsive UI** - Built with Bootstrap for a seamless experience

---

## 🛠 Tech Stack

### 🖥 Frontend
- ⚛️ **React.js** - Component-based UI
- 🎨 **Bootstrap** - Responsive and modern design

### 🔧 Backend
- 🐍 **Django REST Framework** - Powerful API backend
- 🗄 **PostgreSQL** - Database for storing user & course data
- 🔑 **JWT Authentication** - Secure user login

---

## 🚀 Installation & Setup

```bash
# Clone the repository
for frontend
git clone https://github.com/MeetDOD/Learning-Management-System-LMS-Frontend-.git

for backend
git clone https://github.com/MeetDOD/Learning-Management-System-LMS-Backend.git

# Navigate to the backend folder

# Create a virtual environment
python -m venv venv
source venv/bin/activate # On Windows: venv\Scripts\activate

# Install dependencies
pip install -r requirements.txt

# Run migrations
python manage.py migrate

# Start the Django server
python manage.py runserver

# Navigate to the frontend folder

# Install dependencies
npm install

# Start the React development server
npm start
```

---

## 🎥 Screenshots

![image](https://github.com/user-attachments/assets/b6682ed2-2a2a-4a75-b243-a7e9061e4709)

![image](https://github.com/user-attachments/assets/9e861510-af18-42f4-a5e4-75e65978aa8d)

![image](https://github.com/user-attachments/assets/34a9874e-09ea-49bf-a7dd-529499888133)

---

## 📜 License

**This project is MIT Licensed.**