Learning-Management-System

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

Learning-Management-System

(★ 14)

A Fully Functional and integrated leraning management system.

Learning-Management-System Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Learning Management System

### Dashboards

* Login Page for the Application 
<img src='./Pics/Screenshot_1.png' alt='User Dashbord'/> 
* User Dashboard 
<img src='./Pics/Screenshot_2.png' alt='User Dashbord'/> 
* Admin Dashboard - Display # 01 
<img src='./Pics/Screenshot_3.png' alt='User Dashbord'/> 
* Admin Dashboard - Display # 02 
<img src='./Pics/Screenshot_4.png' alt='User Dashbord'/>

### Run On Your System

* A Fully Functional and integrated leraning management system.

```
git clone https://github.com/mhuzaifi0604/Learning-Management-System
```

```
cd Local_API_Server
node Server.js
```

```
cd LMS
npm install
npm run dev
```

Test Emails & Passwords

* For Admin

```
Email:    admin@lms.com
Password: admin@123
```

* For User

```
Email:    abc@gmail.com
Password: 123456
```

* Addition of a new User 
 Details as you can see in the screenshot below: 
<img src='./Pics/Screenshot_5.png' alt='User Dashbord'/> 
 New User Has been added 
<img src='./Pics/Screenshot_6.png' alt='User Dashbord'/>

* Click on the Pencil icon to view details as shown below: 
<img src='./Pics/Screenshot_7.png' alt='User Dashbord'/>

* Again click on pencil icon to change user details 
<img src='./Pics/Screenshot_8.png' alt='User Dashbord'/> 
 As you can see in the screenshot below, name of user has been updated 
<img src='./Pics/Screenshot_9.png' alt='User Dashbord'/>

* If you click the + icon in the details page you will get tasks and notifications page 
<img src='./Pics/Screenshot_10.png' alt='User Dashbord'/>

* you can add & delete tasks and notification as well 
<img src='./Pics/Screenshot_11.png' alt='User Dashbord'/> 
<img src='./Pics/Screenshot_12.png' alt='User Dashbord'/> 
<img src='./Pics/Screenshot_13.png' alt='User Dashbord'/>

* Now that we have added tasks and notofications lets head back to the User Dashboard 
<img src='./Pics/Screenshot_14.png' alt='User Dashbord'/> 
we can see the updated tasks and notifications in the chat feature as shown above in the screenshot.

* Now if you want to move the tasks b/w To Do, Doings and Dones you can use the buttons in front of each task 
 <li>⏩ for moving tasks to the Done Section.
 <li>✔ for moving tasks to the Doings Section.
 <li>◀ for moving tasks from Dones back in doings section as shown in the screenshots below 
<img src='./Pics/Screenshot_15.png' alt='User Dashbord'/> 
<img src='./Pics/Screenshot_16.png' alt='User Dashbord'/>

* Now if you want to add any notification from user panel, as you can see below: 
<img src='./Pics/Screenshot_17.png' alt='User Dashbord' style="display: block; margin: 0 auto"/>

* Here is the added notification 
<img src='./Pics/Screenshot_18.png' alt='User Dashbord' style="display: block; margin: 0 auto"/>

* In the above screenshots where i moved the tasks, you could see a clear button at the end of dones section, clicking on the button clears all the tasks from the dashboard as you can see below: 
<img src='./Pics/Screenshot_19.png' alt='User Dashbord' style="display: block; margin: 0 auto"/> 
* Another Page appears when you click on settings button, you will get to see soemthing like this 
<img src='./Pics/Screenshot_20.png' alt='User Dashbord' style="display: block; margin: 0 auto"/> 
* Clicking on update button will update the password and now if you logout and then login with old password you won't be able to login as you can see in the screenshot below. 
<img src='./Pics/Screenshot_21.png' alt='User Dashbord' style="display: block; margin: 0 auto"/> 
* Another amazing feature is the enable and disable of user theough admin dashborad 
<img src='./Pics/Screenshot_22.png' alt='User Dashbord' style="display: block; margin: 0 auto"/> 
* Now, if i let you see the Local server API, you can see the users disabled status 
<img src='./Pics/Screenshot_23.png' alt='User Dashbord' style="display: block; margin: 0 auto"/> 
* And if you try to login now even with the new password, you won't be able to login in to the user dashboard as shown in the screenshot below: 
<img src='./Pics/Screenshot_24.png' alt='User Dashbord' style="display: block; margin: 0 auto"/>

This application was developed using multiple frontend and backend techniques like React routers, private routes, dynamic paging, node servers for Local APIs using axios interceptors and firebase authentication for admin ensuring application performance, availability and user security.

Learning-Management-System

Learning-Management-System Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Learning-Management-System

Learning-Management-System Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README