Open abhijithvijayan opened 4 years ago
The web client should fetch all node names & id from backend API
On socket connection, it should mark as active
There should be Dashboard Option to View all clients as well as view all active clients.
On clicking a node, it should show the sensors connected to it and the relevant gas data using charts
Also, it might be better to add new nodes with specific id or coordinates from the dashboard itself
For now the UI Library used it React-Bootstrap
React-Bootstrap
For more components availability, antd or material-ui can be used.
antd
material-ui
For charts use chart.js https://www.chartjs.org
chart.js
For interactive nodes view, either use
The web client should fetch all node names & id from backend API
On socket connection, it should mark as active
There should be Dashboard Option to View all clients as well as view all active clients.
On clicking a node, it should show the sensors connected to it and the relevant gas data using charts
Also, it might be better to add new nodes with specific id or coordinates from the dashboard itself