Skip to content

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

 
 
 

Contributors