Inspiration

We took inspiration by reading through the sponsor challenges and picking one that we all found interesting

What it does

Our web app works to inform users of their household energy consumption and to provide useful statistics and visuals.

How we built it

We started with a Next.js web app framework and a Pinata workspace. From there, we added data files to our Pinata database and pulled them to a Python file for data processing and visualization. At the same time, we added multiple pages to our web app and worked on the styling with css through tailwind. Then we worked on sending the processed and visualized data back to the website to display to the user.

Challenges we ran into

We had a lot of trouble with our data flow between the app to Pinata to Python and back. We also spent most of our time learning and debugging our typescript files as we were all new to the language. Near the end, we ran into trouble on running the python script in our javascript code, and also figuring out how to use the API Routing feature of Next.js.

Accomplishments that we're proud of

We are proud that we were able to push through the many issues we faced when working in an unfamiliar development environment.

What we learned

We learned a lot about the Next.js workflow and also how to utilize Pinata in a larger scale project like this.

What's next for WattWise

We would like to implement more data, more visuals, and finish some of the things we didn't get to fully create

Built With

Share this project:

Updates