Design and create an Admin Dashboard in React.js

[adithyaanilkumar]

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]

Could you provide any resources?

[adithyaanilkumar]

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]

Will look up, thank you!!