A frontend prototype for monitoring and visualizing electricity meter data.
Delivered scope
- Dashboard, meter inventory and reading views using placeholder data
- Device map and consumption, generation and power charts
- Filtering, custom column layouts, account prototype and two themes
Concrete outcomes
- A coherent prototype spanning multiple energy application modules
- Validated organization of time-based analysis and geographic device context
- An interface foundation ready for future real data integration
Problem
A large meter fleet generates data that is difficult to assess in a raw table. Users need a quick view of system health, consumption trends and the location and condition of individual devices.
Solution
Your Meter organizes example data around daily workflows: a dashboard, meter inventory, readings, a map and advanced analytics. It is currently an almost entirely frontend implementation without API integration.
- Filterable and sortable meter inventory.
- Interactive map with device locations and status.
- Consumption, generation and power analysis charts.
- Custom column views for measurement data.
- Prototype login and account screens plus light and dark themes.
Key decisions
The interface is organized around user tasks rather than a future backend structure. Chart.js handles time-based comparisons, Leaflet adds geographic context and local datasets allow interface flows to evolve before integration.
Result
The result is a substantial frontend prototype demonstrating the intended workflows. It is not yet an operating monitoring system because the views use placeholder data.