Inspiration
Climate change is largely driven by everyday human activities, yet most people are unaware of how their daily habits contribute to carbon emissions. We were inspired to build GreenTrack to make carbon footprint awareness simple, visual, and accessible—without requiring complex tools or compromising user privacy.
What it does
GreenTrack is a web-based carbon footprint tracker that allows users to log daily activities such as travel, electricity usage, and meals. It calculates estimated CO₂ emissions and visualizes trends using a line graph. Users can view their history, compare performance on a leaderboard, and track progress over time—all in a clean, easy-to-use dashboard.
How we built it
We built GreenTrack using HTML, CSS, and JavaScript for the frontend. Chart.js was used to visualize carbon emission trends through a line graph. Instead of a backend, we used browser LocalStorage as a client-side database to handle user login, data persistence, and offline functionality. The project was designed to be lightweight, fast, and hackathon-ready.
Challenges we ran into
One major challenge was designing a data persistence system without a backend while still supporting multiple users and analytics. Another challenge was simplifying carbon emission calculations so they are easy to understand while still being meaningful for awareness. We also had to balance clean UI design with limited hackathon time.
Accomplishments that we're proud of
We successfully built a fully functional, offline-first application with authentication, data visualization, history tracking, and a leaderboard—all without using a backend. We are especially proud of the clean user experience, privacy-first approach, and the fact that the app can run instantly in any browser.
What we learned
Through this project, we learned how to design frontend-only applications that still feel complete and scalable. We gained experience with client-side data management, data visualization, and building products focused on real-world impact within tight time constraints.
What's next for GreenTrack
In the future, we plan to integrate a backend for cloud sync, add AI-based carbon footprint predictions, provide personalized sustainability recommendations, and expand GreenTrack into a mobile application for wider reach.
Log in or sign up for Devpost to join the conversation.