June 12, 2023
Electricity Monitor
Electricity Monitor
Objective
Create a web application for viewing smart electricity meter data. The smart meter has to be read from and the data must be stored in a database. Customers can add a meter to their account and follow up on their real time electricity usage.
Tools & Technologies
Details
We were asked by the company 3-IT to create a web application to follow up on smart meter data. The application had to be totally web based. The 2 primary requirements were that the data needed to be as real-time as possible, preferably less than 2 hours. And the entire application needed to be hosted on Azure.
Some of the main features include:
- Full account creation system, with email verification
- Customer based meter linking system
- Viewing meter data from past and present
- Dashboard with easy to read follow up
During this project I really strengthened my skill with React and Tailwind. It was really fun to create an application from scratch in a team. In a team of 6 with different specialities we managed to create a modern and web based application that met the expectations of the customer. Because I was the one in our team that was the most experienced with IoT I took on the hardware side of things first. I decided on using a Raspberry Pi to read the data from the meter and store it in a database using a custom API. After I finished the IoT side I started work on the frontend. We decided on using React to make it easy to create something functional and customizable.
Source Code
Take a closer look at the source code of the frontend here: GitHub Frontend
Take a closer look at the source code of the IoT side here: GitHub IoT
Demonstration (Dutch)
Gallery
Dashboard
Dashboard 2
