Smart Billing, Smarter Living

💡 Inspiration Electricity billing is often confusing, with fluctuating tariffs and hidden charges. We wanted to build a tool that simplifies this process and helps people better manage their energy use. The goal: make billing transparent, predictable, and easy for everyone.

⚙️ What it does WattWise is a web-based electricity bill calculator where users input their consumed units, and the platform instantly computes the total bill using predefined slabs and rates. It’s designed to be quick, accurate, and user-friendly—ideal for both homes and small businesses.

🧱 How we built it Frontend: HTML, CSS, Bootstrap for styling and responsiveness Backend: Node.js with Express.js to handle routing and calculation logic Deployment: Hosted on Render for free public access Version Control: GitHub for source management We kept the interface clean and mobile-friendly, while the backend handles slab logic and dynamic price calculations.

🧗 Challenges we ran into Implementing accurate slab-based billing logic Making the UI responsive across different devices Handling unexpected user inputs and preventing calculation errors Deploying on Render with startup delay constraints

🏆 Accomplishments that we're proud of Successfully built and deployed a full-stack web app Achieved an intuitive interface that works on both desktop and mobile Made billing logic modular and easy to update Helped friends and family use it to estimate real bills accurately

📚 What we learned Full-stack development lifecycle: from local build to live deployment User experience design: making tools accessible even for non-tech users Real-world application of conditional logic and input validation Importance of error handling and input sanitization in production

🔮 What's next for Smart Billing, Smarter Living Add support for multiple tariff plans (e.g., commercial, rural, industrial) Integrate login and history tracking for recurring users Build a mobile app version with offline calculation support Enable downloadable bill PDFs and shareable estimates Add regional language support for broader accessibility

Built With

• bootstrap-backend:-node.js
• css
• dotenv
• express.js-deployment:-render-version-control:-github-utilities:-npm
• frontend:-html
• javascript
• manual
• mock
• validation