Project Story
Inspiration
I was inspired to create this project after observing the significant environmental impact of everyday activities, from transport choices to energy consumption and dietary habits. I wanted to provide people with a simple, intuitive tool to understand and improve their personal eco-footprint.
Through research, I learned about the relative carbon impact of daily behaviors, such as frequent flights, high meat consumption, and electricity usage. My goal was to translate this knowledge into an actionable, interactive calculator.
What I Built
I developed a web-based EcoScore Calculator that allows users to input their habits—like weekly use of public transport, number of flights, meat meals, monthly electricity consumption, recycling habits, heating type, and shopping frequency—and calculates a personalized EcoScore out of 100.
The score adjusts dynamically based on each input:
- More public transport improves the score.
- Higher flights and meat consumption reduce it.
- Recycling and solar heating increase the score.
Mathematically, the score can be represented as:
$$ \text{EcoScore} = 100 - 2(7 - PT) - 5F - 1.5M - 0.03E + 0.2R + H + S $$
Where:
- (PT) = public transport days/week
- (F) = number of flights per year
- (M) = meat meals per week
- (E) = electricity consumption (kWh)
- (R) = recycling percentage
- (H) = heating modifier (+5 for solar, -3 for electric, -5 for gas)
- (S) = shopping frequency modifier (-5 for frequent, -2 for occasional, 0 for rare)
Challenges Faced
The main challenges were:
- Balancing complexity and simplicity – I wanted the calculator to be scientifically informed yet easy for anyone to use.
- Creating a responsive, professional UI – Ensuring the app looks good on both desktop and mobile devices required careful CSS design.
- Score normalization – Making sure scores stay between 0–100 for all possible input combinations without losing accuracy.
Built With
- Languages: HTML, CSS, JavaScript
- Frameworks/Libraries: Vanilla JS, Google Fonts
- Tools & Platforms: GitHub Pages (for hosting), Chrome/Firefox browsers
- Technologies: Responsive web design, dynamic DOM manipulation
Built With
- css
- html
- javascript
- vanilla


Log in or sign up for Devpost to join the conversation.