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

https://github.com/gyanthakur/edemy-frontend

Edemy LMS - A Modern Learning Management System
https://github.com/gyanthakur/edemy-frontend

context progress-bar reactjs reactyoutube tailwindcss vite

Last synced: 8 months ago
JSON representation

Edemy LMS - A Modern Learning Management System

Awesome Lists containing this project

README

          



![favicon](https://github.com/user-attachments/assets/ba86af86-a98e-4842-9cc4-5871c5ef234b)

# Edemy LMS - A Modern Learning Management System

## 📌 Overview
Edemy LMS is a modern Learning Management System (LMS) built using **Vite** for fast performance and efficient development. It provides a seamless platform for students to enroll in courses, watch educational videos, and track their progress.

## 🚀 Features
- 📚 Course Management (Add, Edit, Delete Courses)
- 🎥 YouTube Video Integration
- 👤 User Authentication (Login/Register)
- 📊 Progress Tracking
- 🔍 Search and Filter Courses
- 🌙 Dark Mode Support
- ⚡ Fast and Lightweight (Powered by Vite)

## 🛠️ Technologies Used
- **Frontend:** React.js, Vite, TailwindCSS
- **Backend:** Node.js, Express.js
- **Database:** MongoDB
- **Authentication:** Firebase/Auth or Clerk
- **Deployment:** Vercel / Netlify

## 📥 Installation
Follow these steps to run the project locally:

```bash
# Clone the repository
git clone https://github.com/Gyanthakur/Edemy-frontend.git

# Navigate to the project folder
cd demy-frontend

# Install dependencies
npm install

# Start the development server
npm run dev
```

## 📸 Screenshots
| Screenshot | Description |
|------------|------------|
| ![image](https://github.com/user-attachments/assets/06ad6530-020d-4bf2-be90-b6d4550d147c) | Home Page |
| ![image](https://github.com/user-attachments/assets/d0b7ba1c-9f1a-43dc-87be-e2b52c51c21d) | Course Listing |
| ![image](https://github.com/user-attachments/assets/b7449f63-d050-477c-aad8-c2827fa67b62) | Course Details |
| ![image](https://github.com/user-attachments/assets/98f0c678-507f-4994-8c7d-979a08866c5b) | Video Player |
| ![image](https://github.com/user-attachments/assets/cad83f35-d6f6-45bc-89bc-04e14b0c4b48) | User Dashboard |
| ![image](https://github.com/user-attachments/assets/0ed30f4a-8357-4fbf-83f2-2080e2ea80f7) | Add Course |
| ![image](https://github.com/user-attachments/assets/d4e56f48-a98a-47b9-a752-167e19d9934d) | My Course |
| ![image](https://github.com/user-attachments/assets/69deb4c8-6b04-4daa-a501-59ee9fffb07b) | Course Progress |
| ![image](https://github.com/user-attachments/assets/8deee70a-8d53-4bed-ad2b-2402eff0beb4) | Course Structure |

![image](https://github.com/user-attachments/assets/ad65cf6d-bf8f-43c4-b735-64b767cc984e)

## 📌 Folder Structure
```
📂 edemy-lms/
├── 📁 src/
│ ├── 📁 components/
│ ├── 📁 pages/
│ ├── 📁 assets/
│ ├── App.jsx
│ ├── main.jsx
├── 📄 index.html
├── 📄 package.json
├── 📄 tailwind.config.js
├── 📄 vite.config.js
```

## 📖 Usage
1. Register/Login to access courses.
2. Browse available courses and enroll.
3. Watch video lectures and track progress.
4. Complete quizzes (if implemented) to test knowledge.

## 🎯 Future Enhancements
- ✅ Instructor Dashboard
- ✅ Quiz and Assessments
- ✅ Payment Integration for Paid Courses
- ✅ AI-based Course Recommendations

## 📜 License
This project is licensed under the **MIT License**.

## 🤝 Contributing
Contributions are welcome! If you find any bugs or have suggestions, feel free to create an issue or submit a pull request.

## 📬 Contact
- **Author:** Gyan Pratap Singh
- **Email:** [gps.96169@gmail.com](mailto:gps.96169@gmail.com)
- **Portfolio:** [portfolio-v1-chi-one.vercel.app](https://gyan-pratap-singh.vercel.app/)