Design and create an Admin Dashboard in React.js

adithyaanilkumar / SafeNet

A community driven Public Safety project.

GNU General Public License v2.0

4 stars 2 forks source link

Design and create an Admin Dashboard in React.js #22

Open adithyaanilkumar opened 4 years ago

adithyaanilkumar commented 4 years ago

To monitor the alerts coming through the app and to monitor the movement of the user of the app, we require an admin dashboard with the following features:

A map displaying the positions of the user and the status of the user.(whether the app is armed or not)
A notification panel containing the alerts and status updates of the users
Normal Admin panel buttons and graphs showing different statistics which will be detailed soon.

Ashray11 commented 4 years ago

Could you provide any resources?

adithyaanilkumar commented 4 years ago

You could use this template as a starter template for the dashboard replacing the home page with a map and adding pins to the map showing the different locations of the users. The data is sourced from our backend which will be deployed soon.

You can use this tutorial to easily integrate the map into the dashboard. We will be using open street map for this purpose.

You can take inspiration for the UI of the dashboard from here and here

Ashray11 commented 4 years ago

Will look up, thank you!!