DEV Community

Cover image for # GreenRoute β€” Google Maps for Sustainable Commuting 🌍
Sushmita Dubey
Sushmita Dubey

Posted on

# GreenRoute β€” Google Maps for Sustainable Commuting 🌍

What I Built

GreenRoute is a climate-tech web application that helps users compare travel routes based on time, cost, and carbon emissions, making it easier to choose eco-friendly commuting options.

Instead of optimizing only for speed, GreenRoute also helps optimize for sustainability.

Live Demo

https://sushmita25dubey.github.io/DEV-Earth-Day-2026-Weekend-Challenge/


Users can:

  • Compare Car, Public Transport, and Bike/Walking routes
  • Identify the Greenest Route
  • See estimated carbon savings
  • Use a What-If Impact Simulator to project monthly and annual impact
  • Interact with a Gemini Climate Coach for AI-powered sustainability guidance
  • Take an Earth Day Pledge for greener commuting habits

Inspiration

Daily transportation choices create environmental impact, but most commuters rarely see that impact while making decisions.


How It Works

A user enters a start point and a destination.

GreenRoute compares route options using:

  • Travel time
  • Cost
  • Estimated COβ‚‚ emissions

It highlights the greenest option and shows environmental impact metrics.

Example:

Choosing Bike/Walking instead of a car can help reduce emissions and improve annual carbon savings.


Google Gemini Integration

GreenRoute includes a Gemini Climate Coach that provides:

  • Personalized commuting sustainability suggestions
  • Climate guidance through quick prompts
  • AI-powered answers to questions like:

    • How can I reduce commute emissions?
    • Is cycling always greener?
    • Best route for students?

Gemini is used as an interactive sustainability assistant, not just a static feature.


Features

βœ… Route comparison
βœ… Carbon savings calculator
βœ… What-If impact simulator
βœ… Mock route visualization
βœ… Gemini Climate Coach
βœ… Earth Day Pledge
βœ… localStorage support
βœ… Dark climate-tech UI


Built With

  • HTML
  • CSS
  • JavaScript
  • localStorage
  • Google Gemini (AI feature integration)

What’s Next

Future improvements could include:

  • Real maps integration
  • Live route APIs
  • Real-time traffic + emissions data
  • Deeper Gemini-powered commuting recommendations

Top comments (0)