EcoQuest
A website for a better living, a movement for a better World!
Created on 4th April 2025
•
EcoQuest
A website for a better living, a movement for a better World!
The problem EcoQuest solves
The enhanced real-time carbon calculator in your EcoQuest app solves several important problems for users who want to track and reduce their environmental impact:
- Instant Awareness of Carbon Impact
Problem: Users often don't understand how daily activities (driving, electricity use, diet) translate to CO₂ emissions.
Solution: Shows real-time CO₂ calculations as they type, with visual feedback (e.g., "🚗 10 miles ≈ 4 kg CO₂").
- Personalized Benchmarking
Problem: People struggle to contextualize their footprint ("Is my 100 kg CO₂/week good or bad?").
Solution: Compares their total to the average (150 kg/week) with color-coded feedback (green/yellow/red progress bar).
- Actionable Guidance
Problem: Generic eco-tips may not address a user's biggest emission sources.
Solution: Dynamically recommends tips based on their highest-impact category (e.g., suggests biking if transport emissions dominate).
- Gamification & Motivation
Problem: Static calculators feel like homework, not engagement.
Solution:
Updates the "Carbon Saved" dashboard metric as they use the calculator.
Progress bar animates in real-time, creating a "game-like" feedback loop.
- Educational Transparency
Problem: Users may distrust opaque calculations.
Solution: Shows emissions math per category (e.g., "1 meat meal ≈ 2.5 kg CO₂") right below each input.
- Behavioral Nudges
Problem: People forget to submit forms.
Solution: Removes the "Calculate" button—results update instantly, reducing friction.
Challenges we ran into
Dynamic Progress Bar Styling
Problem: The progress bar needed to change color (green → yellow → red) based on the user’s carbon footprint percentage.
Solution: Used inline style updates with conditional logic:
const progressBar = document.getElementById('carbon-progress');
progressBar.style.width =
${percentage}%
;progressBar.style.backgroundColor =
percentage < 70 ? "#4CAF50" :
percentage < 100 ? "#FFC107" : "#F44336";
Tracks Applied (1)
Open innovation
Technologies used
