[web] roadmap for dashboard

[abhijithvijayan]

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

[abhijithvijayan]

For now the UI Library used it React-Bootstrap

For more components availability, antd or material-ui can be used.

• https://github.com/picturepan2/spectre

For charts use chart.js
https://www.chartjs.org

For interactive nodes view, either use

• https://github.com/jagenjo/litegraph.js
• https://d3js.org/

[abhijithvijayan]

• https://github.com/anvaka/ngraph.graph