Project overview
The goal was to build an online calculator that helps users calculate annual energy usage of multiple home appliances.
The client provided a Google Sheet with appliance wattages and usage patterns (hours/day, days/month, months/year), and the goal was to convert this into a responsive HTML tool for embedding on a website.
The tool performs dynamic calculations and updates a running total of kilowatt hours per year based on user inputs.
Very nice work, this seller delivers a quality product every time!
- franciefinn
Key features delivered
- Real-time calculation of annual kWh consumption
- Row-by-row appliance entry with customizable usage inputs
- Running total of energy use updated dynamically
- Clean, user-friendly layout with corrected column headers
- Refined logic to reflect: (Watts × Hours/Day × Days/Month × Months/Year) ÷ 1000 = Annual kWh
- Responsive layout for easy web integration
Screenshots
Initial version of the calculator layout showing columns before adjustments.
Final version of the calculator with corrected labels and logic fields.
Technology stack
HTML
CSS
JavaScript
Google Sheets