Inspiration
We had the idea for energix because we noticed that all the calculators for how much energy one uses cost money, as they have to be installed into the house. This is a problem, as The best way to raise awareness for a problem is to show people how much they are affecting it.
What it does
So, what does it do? Well, the site first calculates your energy bill after asking a few questions, then lets you know how you compare to the average household. It also gives you some tips on how to decrease the amount of money you spend on your bill. This saves people money, while also raising awareness and helping the environment by using cleaner energy.
How we built it
we based Energix off of a template called Hyperspace by Html5up. From there, we optimized the website to our needs by adding, deleting, and replacing text. From there, we changed generic.html to calculate.html and got to work creating an energy calculator. This involved finding values for how many kilowatts different devices use per hour, multiplying that by the user input, and then showing all the data back to the user.
Challenges we ran into
A big challenge that was faced was that around 6 hours in, our site blanked out on us and wouldn’t respond to anything. We tried to debug it but couldn’t figure it out. After wasting a long time on that, we ended up having to restart. It was a huge setback, but we did end up being able to finish.
Accomplishments that we're proud of
This is Krish’s first hackathon and Sahil's third, and we feel like we got very far for the amount of html, css, and javascript we know.
What we learned
We learned a lot of coding, how to use our resources, and most importantly, time management and splitting up the work between us to get it done on time, especially after our major setback. I also learned the basics of how a hackathon works, as it was my first time, though it certainly won’t be my last.
What's next for Energix
We hope to add more functionality to the website, including calculations for gas and water usage bills.
Built With
- github
- html5up
Log in or sign up for Devpost to join the conversation.