The latest articles on DEV Community by Sushmita Dubey (@sushmita_dubey_3c40d63ffc). https://dev.to/sushmita_dubey_3c40d63ffc https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3884908%2F3ccbb817-bdd2-48bd-b320-a3f96585afc5.gif https://dev.to/sushmita_dubey_3c40d63ffc en Sushmita Dubey Sun, 19 Apr 2026 13:27:37 +0000 https://dev.to/sushmita_dubey_3c40d63ffc/-greenroute-google-maps-for-sustainable-commuting-2j18 https://dev.to/sushmita_dubey_3c40d63ffc/-greenroute-google-maps-for-sustainable-commuting-2j18 <h2> What I Built </h2> <p>GreenRoute is a climate-tech web application that helps users compare travel routes based on <strong>time, cost, and carbon emissions</strong>, making it easier to choose eco-friendly commuting options.</p> <p>Instead of optimizing only for speed, GreenRoute also helps optimize for <strong>sustainability</strong>.</p> <h2> Live Demo </h2> <p><a href="https://sushmita25dubey.github.io/DEV-Earth-Day-2026-Weekend-Challenge/" rel="noopener noreferrer">https://sushmita25dubey.github.io/DEV-Earth-Day-2026-Weekend-Challenge/</a></p> <p>Users can:</p> <ul> <li>Compare Car, Public Transport, and Bike/Walking routes</li> <li>Identify the <strong>Greenest Route</strong> </li> <li>See estimated carbon savings</li> <li>Use a <strong>What-If Impact Simulator</strong> to project monthly and annual impact</li> <li>Interact with a <strong>Gemini Climate Coach</strong> for AI-powered sustainability guidance</li> <li>Take an <strong>Earth Day Pledge</strong> for greener commuting habits</li> </ul> <h2> Inspiration </h2> <p>Daily transportation choices create environmental impact, but most commuters rarely see that impact while making decisions.</p> <h2> How It Works </h2> <p>A user enters a start point and a destination.</p> <p>GreenRoute compares route options using:</p> <ul> <li>Travel time</li> <li>Cost</li> <li>Estimated CO₂ emissions</li> </ul> <p>It highlights the greenest option and shows environmental impact metrics.</p> <h3> Example: </h3> <p>Choosing Bike/Walking instead of a car can help reduce emissions and improve annual carbon savings.</p> <h2> Google Gemini Integration </h2> <p>GreenRoute includes a <strong>Gemini Climate Coach</strong> that provides:</p> <ul> <li>Personalized commuting sustainability suggestions</li> <li>Climate guidance through quick prompts</li> <li> <p>AI-powered answers to questions like:</p> <ul> <li>How can I reduce commute emissions?</li> <li>Is cycling always greener?</li> <li>Best route for students?</li> </ul> </li> </ul> <p>Gemini is used as an interactive sustainability assistant, not just a static feature.</p> <h2> Features </h2> <p>✅ Route comparison<br> ✅ Carbon savings calculator<br> ✅ What-If impact simulator<br> ✅ Mock route visualization<br> ✅ Gemini Climate Coach<br> ✅ Earth Day Pledge<br> ✅ localStorage support<br> ✅ Dark climate-tech UI</p> <h2> Built With </h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>localStorage</li> <li>Google Gemini (AI feature integration)</li> </ul> <h2> What’s Next </h2> <p>Future improvements could include:</p> <ul> <li>Real maps integration</li> <li>Live route APIs</li> <li>Real-time traffic + emissions data</li> <li>Deeper Gemini-powered commuting recommendations</li> </ul> ai webdev programming productivity