e-Learning-Platform

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #typescript #llm #go #android #deep-learning #docker #awesome #awesome-list #vue #open-source

e-Learning-Platform

(★ 75)

Online Learning Platform using MERN Stack using Reactjs (Vite), Express, JWT

e-Learning-Platform 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Online Learning Platform

Online Learning Platform using MERN Stack,
Please visit [here](https://code2tutorial.com/tutorial/55a23a94-6cb7-4c48-92c1-f96db207f791/index.md) for a better understanding of the project.
## Objective:

Develop a comprehensive online learning platform with three user types (Student, Teacher, Admin), featuring course creation, approval process, and live video conferencing.

## *BACKEND for the PROJECT
   - Backend is developed by [Parag](https://github.com/paragkadyan).

## Features
![Screenshot 2024-05-14 212028](https://github.com/Pika003/e-Learning-Platform/assets/104189733/e2f9ce48-764b-48d2-8af1-188ea2918e8c)

#### 1. *User Authentication:*
   - Student Login [/login]
   - Teacher Login [/login]
   - Admin Login [/adminLogin]

![Screenshot 2024-05-14 211251](https://github.com/Pika003/e-Learning-Platform/assets/104189733/3179ba23-ae52-4ab5-8d0a-b2891cc43e0f)

![Screenshot 2024-05-14 211154](https://github.com/Pika003/e-Learning-Platform/assets/104189733/377d8aa0-c35b-46d0-9408-f18b6ecb1ac1)

#### 2. *Application Approval:*
   - Students and teachers can submit applications for approval.
   - Admin validates and approves applications.

![Screenshot 2024-05-15 212149](https://github.com/Pika003/e-Learning-Platform/assets/104189733/6e8afdba-a8a5-47e3-977c-f5292e136c3f)

#### 3. *Dashboard:*
   - Students see purchased courses, progress, and communication options.
   - Teachers view created courses, student enrollments, and communication features.

![Screenshot 2024-05-14 211938](https://github.com/Pika003/e-Learning-Platform/assets/104189733/1008e68d-b683-4e8a-bc85-6d5890946724)
![Screenshot 2024-05-14 211854](https://github.com/Pika003/e-Learning-Platform/assets/104189733/c857a214-5366-49db-8035-13d2bfb88396)
#### 4. *Course Purchase:*

- Students can browse and buy courses on the platform.
     
![Screenshot 2024-05-14 211813](https://github.com/Pika003/e-Learning-Platform/assets/104189733/1578ca04-b85d-4c7b-8875-12f6756f2621)

#### 5. *Live Video Conferencing:*
   - Integrated video conferencing tool (similar to Google Meet) for real-time teacher-student interaction.

#### 6. *Communication:*
   - An in-platform messaging system for communication between teachers and students.

#### 7. *Payment Integration:*
   - Integrate a secure payment gateway for course purchases.

----

## *Tech Stack:*

#### *UI/UX:*
  - [figma](https://www.figma.com/file/6b4R8evBkii6mI53IA4vSS/Online-Learning-Platform?type=design&node-id=0-1&mode=design&t=HBUPk2hRYW3ioAUj-0) 
  - Dribbble

#### *Frontend:*
  - React (Vite) for dynamic and responsive UI.

#### *Backend:*
  - Node.js, Express and Mongoose for server-side development.

#### *Database:*
  - MongoDB for storing user profiles, course details, and application data.

#### *Authentication:*
  - JWT (JSON Web Tokens) for secure authentication.

#### *Video Conferencing:*

---

## 🛠️ Installation & Running Locally

Follow the steps below to run the project on your local machine.

### ✅ Prerequisites

- [Node.js](https://nodejs.org/) (v14 or above)
- [MongoDB](https://www.mongodb.com/) (local or Atlas cloud)
- [Git](https://git-scm.com/)

---

### 📦 Clone the Repository

```bash
git clone https://github.com/Pika003/e-Learning-Platform.git
cd e-Learning-Platform
  - Fill the env file with your credentials
npm install
npm run dev

e-Learning-Platform

e-Learning-Platform 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

e-Learning-Platform

e-Learning-Platform 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README