** Inspiration 💡**
As online shopping becomes a daily habit for all of us, the environmental cost of this convenience often remains invisible. We realized that while we know the price of a product instantly, we rarely know its cost to the planet. A t-shirt might be cheap, but its carbon footprint could be huge. WIT was born from a simple desire: to bridge this awareness gap. We wanted to make the "invisible" visible and help everyday shoppers make sustainable choices without needing a degree in environmental science.
What it does ✨
WIT acts as a transparency layer for online shoppers. Instead of forcing users to hunt for environmental data buried deep in technical specifications or external reports, WIT does the heavy lifting.
Data Fetching: It automatically detects the product you are viewing and scans the page (and connected databases) for existing carbon footprint information.
Instant Visibility: It extracts this hidden data and displays it right next to the price tag in a clear, easy-to-read format.
Empowerment: It transforms complex environmental metrics into a simple score, letting the user know exactly what the carbon impact is before they click "Buy."
How we built it 🏗️
We embraced the "Vibe Coding" philosophy—keeping things light, fast, and effective. We didn't want to over-engineer a solution when a simple approach could work better.
The Backend: We used Python and Flask to create a lightweight server. It’s simple, robust, and gets the job done without unnecessary bloat.
Data Integration: Instead of building a complex physics engine to calculate emissions from scratch, we built a smart parser. It scrapes and structures the carbon data that is already available but scattered across product pages.
The Frontend: We stuck to the basics—HTML, CSS, and Vanilla JavaScript. This allowed us to build a responsive interface that feels native to the browser without relying on heavy frameworks.
Challenges we ran into 🚧
The "Messy Data" Problem: Every product page is structured differently. Teaching our tool exactly where to look for carbon data (was it in the description? the specs? a hidden tag?) was a puzzle.
Standardization: Even when we found the numbers, they were often inconsistent (different units, different formats). We had to write logic to clean and normalize this data so it makes sense to the user.
Time vs. Complexity: In the spirit of Vibe Coding, we had to resist the urge to make it perfect and focus on making it work. Handling different DOM structures within a tight timeframe was a real test of our agility.
Accomplishments that we're proud of 🏆
A Working MVP: We went from a concept to a fully functional tool that runs with a simple python app.py command. No Docker, no complex cloud setups—just code that works.
Democratizing Data: We managed to take a heavy, complex topic like "Carbon Footprint" and present it in a way that feels as simple as checking a price tag.
Clean Engineering: We are proud of achieving this functionality with a clean, dependency-free code base that is easy to read and expand.
## ** What we learned 🧠 ** Value of Accessibility: We learned that the problem isn't always a lack of data, but a lack of access to it. Making existing data visible is just as powerful as generating new data.
User Focus: We realized that users don't care about the complex math behind the scenes; they just want the bottom line—"Is this bad for the planet?"
Simplicity Wins: We reaffirmed that sometimes, a smart parser and a simple script are more effective and sustainable than a complex enterprise architecture.
##What's next for WIT 🚀 This prototype is just the beginning.
Smarter Parsing: We want to expand our support to cover more diverse e-commerce platforms and handle more complex page structures.
Comparison Engine: We plan to add a feature that lets users compare two products side-by-side to see which one is the greener choice.
Impact Tracking: We dream of adding user profiles so shoppers can track their "carbon savings" over time and gamify their sustainable journey.
Log in or sign up for Devpost to join the conversation.