Add Carbon Footprint Calculator Page

[Riya-Kharade]

💡 The Problem

Currently, EcoPulse focuses mainly on pollution visualization and analytics.
However, users do not have a way to measure their own environmental impact.

There is no interactive feature that allows individuals to understand how their lifestyle contributes to carbon emissions.

This makes the platform more informational rather than personal and action-driven.

---

🚀 Proposed Solution

Create a new page called carbon-calculator.html that allows users to calculate their estimated carbon footprint based on lifestyle inputs.

User Inputs:

• 🚗 Travel Mode (Car, Bike, Public Transport, Walking)
• ⚡ Monthly Electricity Usage (in kWh)
• 🥗 Diet Type (Vegetarian, Mixed, Non-Vegetarian)

Output:

• 📊 Carbon Footprint Score (Estimated CO₂ emission)
• 🌍 Impact Category (Low / Moderate / High)
• 💡 Personalized Suggestions to Reduce Impact

The feature will be built using:

• HTML for structure
• Tailwind CSS for styling
• Vanilla JavaScript for calculation logic
• No backend required

---

🎨 Visual Representation

The page should include:

• A clean input form section (card layout)
• Dropdown selectors for travel and diet
• Numeric input for electricity usage
• A "Calculate" button
• A result card showing:
  • Carbon score
  • Visual indicator (color-coded: green / orange / red)
  • Improvement suggestions

The UI should follow the EcoPulse eco-theme and maintain a modern dashboard look.

---

🛠️ Implementation Details

• New File: carbon-calculator.html
• Logic: Simple emission calculation formula in JavaScript
• Data Handling: Static emission factors stored in JS
• No new dependencies required
• Fully responsive layout

---

🎯 Impact

This feature will:

• Make EcoPulse user-interactive
• Increase engagement
• Encourage environmental awareness
• Provide actionable sustainability advice
• Enhance portfolio and hackathon value

It transforms EcoPulse from a visualization platform into a personal sustainability tool.

Assign this issue to me under ECWOC'26