A modern web-based learning platform blending academics with social interactivity — like Instagram but smarter 📸 + 📖.
Document LIve : https://github.com/Atuloli01/E-learning-Sharing-MS/blob/main/imagesDemo/finalProject01.pdf
- 📹 Video lectures & PDF resources
- 📝 Quizzes, Assignments, and Feedback
- 📊 Performance tracking dashboards
- 🔒 OTP-secured login and role-based access
- 💬 Social features (soon!)
This is education, upgraded. Tailored for small to medium institutions and independent educators.
After the pandemic, remote learning became a necessity, not an option. ELMS-AI is built to address:
- Accessibility from anywhere 🌍
- Secure, engaging experiences 🔐
- Blended learning with social interactivity 💡
- Dual-role access:
Student&Instructor - Course & content management
- Assessment & grading modules
- Scalable, intuitive interface
- Analytics & performance tracking
| Layer | Tech |
|---|---|
| 🌐 Frontend | React.js, Tailwind CSS, HTML, CSS, JavaScript |
| ⚙️ Backend | PHP (primary), Node.js, Express.js, Python (Django) |
| 💾 Database | MySQL (Relational), MongoDB (NoSQL optional) |
| 🔐 Auth | OTP Verification, JWT Tokens |
| 🧠 State Mgmt | Redux / Context API |
- OTP-based login and secure password reset
- JWT token handling
- Role-based authorization (
Admin,Student,Instructor)
- Create & manage courses
- Upload lectures, PDFs, assignments
- Assess submissions and grade
- Enroll in courses
- View materials, submit work
- Track progress & get feedback
- Course completion stats
- Student performance graphs
- Admin dashboard for platform insights
- Modular course structure
- Discussion forums (upcoming)
- Real-time notifications
- Certificate generation on course completion
- Architecture: Traditional 3-tier (Frontend, Backend, DB)
- SDLC Model: Waterfall (perfect for well-scoped academic projects)
- Diagrams: ER Model, DFDs (Level 0 and 1), Sequence & Activity Diagrams
Main Tables (SQL)
users: ID, name, email, password, rolecourses: ID, title, instructor_idenrollments: course_id, user_id, progressvideos,notes,assignments,results,feedback
MongoDB used optionally for scalability in analytics, dynamic content.
- OS: Windows 7/10 or macOS/Linux
- Tools: XAMPP or WAMP for PHP + MySQL
- Node.js (for advanced backend optional features)
- Browser: Chrome / Firefox
# Clone the repository
git clone https://github.com/Atuloli01/LMS-final-Year-project.git
# Move into the project directory
cd LMS-final-Year-project
# Add a .env file with necessary keys
# (You can use a text editor like nano or VS Code to create it)
# Open two terminal tabs and run the following in each:
# In the first terminal
cd client/
npm run dev
# In the second terminal
cd server/
npm run dev
A complete Learning Management System built using the MERN stack for seamless course management, student-teacher interaction, and secure content delivery.
- 🌐 Live Demo
- ✨ Features
- 🛠️ Tech Stack
- 📁 Folder Structure
- ⚙️ Getting Started
- 🔐 Authentication
- 📦 API Overview
- 🖼️ Screenshots
- 🧩 Planned Features
- 🤝 Contributing
- 👨💻 Author
- 📄 License
- 💬 Feedback
🚀 Coming Soon
🔍 Click to Expand
- Course creation
- Assignment uploading
- Resource management
- Enrollment in courses
- Submit assignments
- View/download learning materials
- JWT authentication
- Role-based access
- Responsive UI with modern design
- Real-time chat and notifications
| Type | Technologies |
|---|---|
| Frontend | React.js, Tailwind CSS, Axios |
| Backend | Node.js, Express.js |
| Database | MongoDB, Mongoose |
| Auth | JWT, bcrypt |
| Realtime | Socket.io |
| Storage | Cloudinary |
| Dev Tools | Concurrently, Nodemon, ESLint |
LMS-final-Year-project/
├── client/ # Frontend (React)
│ ├── public/
│ └── src/
│ ├── components/ # Reusable components
│ ├── pages/ # Route-based components
│ ├── context/ # Auth/context providers
│ └── utils/ # Axios, validators, etc.
│
├── server/ # Backend (Node + Express)
│ ├── controllers/ # Logic for routes
│ ├── routes/ # API endpoints
│ ├── models/ # Mongoose schemas
│ ├── middleware/ # Auth middleware
│ └── config/ # DB connection & config
│
├── .env # Environment config (not committed)
├── package.json # Root config for scripts
├── README.md # You’re here
⚙️ Getting Started 1️⃣ Clone the Repository
git clone https://github.com/Atuloli01/LMS-final-Year-project.git
cd LMS-final-Year-project2️⃣ Setup Environment Variables
Create a .env file in server/ with:
``` bash
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret
CLOUDINARY_CLOUD_NAME=your_name
CLOUDINARY_API_KEY=your_key
CLOUDINARY_API_SECRET=your_secret
```
3️⃣ Install Dependencies
``` bash
# Backend
cd server
npm install
cd client
npm install
4️⃣ Run the App
Use 2 terminals:
# Terminal 1
cd server
npm run dev
# Terminal 2
cd client
npm run dev
- 🔐 JWT-based login and registration
- 🔒 Passwords are hashed securely using
bcrypt - 🧑🤝🧑 Role-based access control:
- Admin
- Instructor
- Student
- 🛡️ Protected routes via Express middleware
The LMS backend provides a comprehensive set of RESTful APIs for:
- ✅ User registration & login
- ✅ Course creation, enrollment, and module management
- ✅ Assignment uploads and student submissions
- ✅ Real-time chat & messaging functionality
- ✅ Secure file uploads using Cloudinary
📌 Postman collection & Swagger docs coming soon!
You can add screenshots of your UI by uploading them to the repo and linking them here.
- 📷 Course Dashboard
- 📷 Instructor Panel
- 📷 Student Assignment View
- Instructor dashboard with metrics and management tools
- File uploads (videos, PDFs, docs, etc.)
- Real-time notifications and announcements
- Integration with Stripe or Razorpay for paid courses
- Progressive Web App (PWA) compatibility for mobile access
🤝 Contributing
# 1. Fork this repo
# 2. Create a new branch
git checkout -b feature/your-feature
# 3. Make your changes
# 4. Push to GitHub
git push origin feature/your-feature👨💻 Author Atuloli01 🔗 GitHub: Atuloli01
📄 License This project is licensed under the MIT License.
💬 Feedback Have suggestions or bugs? Please open an issue or contact me directly.