Graphical representation of water consumption of a building The Web-app WaterWeb is angular 2 and node.js web-app backed by mysql database and chart.js for graphical representation of water consumption. JWT-token authentication is used for routing authentication .
Front-end of webApp represent the dynamic data of water comsumption of a building depending upon user departmentId and admin can watch water consumption history and suggest user for water management tactics for less water wastage.
- Angular 2
- Node.js
- Mysql-database
- Express.js
- PostMan,Httpie
- Passport.js
- Chart.js
User can use these options to see the past data consumption
This graph represent the current water consumption i.e of 24 hours
Admin Login Page to see the water consumption data of the users using the filter and search panel present in the admin dashboard area
This basically have two searching panels i.e. LEFT One -> Left one provides name of all the user from where the admin choose of whom he wants to see the water consumption data RIGHT One -> Right one provides input fields to filter water consumption data on the basis of time and date fields
This dashboard provides the area for managingt the users