Learning Management system

LMS is a full-featured, multipurpose, premium Learning Management System built with react js, HTML5, and CSS. It has a huge collection of reusable UI components and is integrated with the latest CSS libraries. It can be used for all types of Web applications like custom admin panel, app backend, CMS or CRM.

Installation

Client

git clone https://github.com/piyush-agrawal6/LMS-ThreatGaurdians/tree/main/Client

cd Client

npm i

npm run dev

Server

git clone https://github.com/piyush-agrawal6/LMS-ThreatGaurdians/tree/main/Server

cd Server

npm i

npm run dev

Note

• Add .env file in the Server directory
• File should contain

dbURL = your mongoDB url
port = 4500
secret_key = "secret key"
Salt_rounds = 5

Tech Stack / Libraries

• React
• Ant Designs
• Recharts
• NodeJs
• ExpressJs
• MongoDB

Deployment

• Client - Netlify
• Server - Render

🔗 Links

• Live - https://lms-threatgaurdians.netlify.app/home
• Server - https://lmsbackend-020w.onrender.com/

🔗 Credentials

• Email - test@gmail.com
• Password - test

Features Completed

• Admin can regulate user access to particular data
• Account credentials are sent over mail once the user account is created
• Tutors can provide homework, assignment and quizzes to students
• Students can monitor their performance and assess their progress using an LMS.
• Students can raise doubts
• Tutors can add responses to doubts
• Tutors can only administer their own courses
• Admin can access to manage all courses
• Leaderboard showing top students with the maximum gaming points
• LMS can interact with email

Features yet to be made

• Private chats between tutors and students
• Setting reminders and notifications
• Payment systems

Screenshots

1. Login

2. Dashboard

3. Quiz page

4. Leaderboard

Contributor

• @Piyush Agrawal