Plan a long drive with charging stops based on your car's real range
Intermediate18h1–3
Maps APILeafletNext.js
15/20Low-Carbon Commute Compare
Compares commute options by time, cost and CO₂ side by side.
Beginner12h1–2 people15/20 fit
Build Low-Carbon Commute Compare for daily commuters in ~12h with 1–2 people. Stack: Next.js + Maps API + Charts.
Why it wins: One screen, one decision, visible impact.
Build flow
01 · Problem
People pick the habitual route without seeing the carbon or cost trade-off.
02 · Solution
Enter start and end. Show car, transit, bike and walk with time, cost and CO₂ bars.
03 · Build
- 1Route lookup per mode
- 2Emission factors per km
- 3Comparison chart
- 4Share card
04 · Demo
Enter home → office → bars show the greener option is only a few minutes slower.
MVP checklist
- Route input
- Mode comparison bars
- Weekly CO₂ saved
- Shareable result
Tech stack
| Tech | Role | |
|---|---|---|
| Next.js | Frontend + API routes | Web |
| Maps API | Routes + places | API |
| Charts | Data visualisation | UI |
Reference repos
Open-source projects you can build on. Links checked 2026-10-31.
Related ideas
More ClimateBook a slot to fix a broken item and track what was saved from landfill
Beginner10h1–3Next.jsFirebaseCharts17/20Compare running cost and emissions of your current system with an efficient one
Beginner8h1–2Next.jsCharts17/20