Skip to content

A modern and smart CO₂ Calculator built with HTML, CSS, and JavaScript. It helps users see how much CO₂ emissions and fuel costs they save by biking instead of driving. The app features a clean UI, celebratory feedback, customizable fuel cost input, and provides clear weekly, monthly, and yearly savings estimates.

License

Notifications You must be signed in to change notification settings

moustyb/CO2-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CO₂ Calculator v3

A modern and smart CO₂ Calculator built with HTML, CSS, and JavaScript.
It helps users see how much CO₂ emissions and fuel costs they save by biking instead of driving.
The app features a clean UI, celebratory feedback, customizable fuel cost input, and clear weekly, monthly, and yearly savings estimates.


✨ Features

  • 🚲 Input biked miles per day
  • 🚗 Choose your car’s average emissions (compact, average, SUV)
  • ⛽ Enter your local fuel cost per gallon
  • ⚡ Instant calculation of daily, weekly, monthly, and yearly savings
  • 🌍 CO₂ avoided shown in kg
  • ⛽ Gasoline avoided shown in liters
  • 💵 Money saved shown in USD
  • 🥇 Motivational congratulations banner with gold/silver/green messages
  • 📱 Responsive design for desktop and mobile
  • 🎨 Dashboard‑style results with icons and grid layout

📸 Screenshot

co2-calculator-v3-screenshoot

🛠️ Tech Stack

  • HTML5 — semantic structure
  • CSS3 — responsive grid, custom styling, animations
  • Vanilla JavaScript — calculations, interactivity, dynamic DOM updates
  • Vercel — deployment and hosting

🚀 Getting Started

  1. Clone the repository:
    git clone https://github.com/moustyb/co2-calculator.git
    cd co2-calculator
    

📄 License

This project is open source and available under the MIT License.

📬 Contact

Created by [moustyb]

About

A modern and smart CO₂ Calculator built with HTML, CSS, and JavaScript. It helps users see how much CO₂ emissions and fuel costs they save by biking instead of driving. The app features a clean UI, celebratory feedback, customizable fuel cost input, and provides clear weekly, monthly, and yearly savings estimates.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published