There's nothing better than trying GreenRide yourself! Please note that you may have to disable ad blockers or try GreenRide in incognito mode with extensions disabled for locations to work properly.
We've all heard of it before. Carbon emissions are bad for our globe!
But how easy is it to see how our everyday commute contributes to carbon emissions? Without an easy-to-use interface that provides tangible, customized feedback based on your travel method and routes, it's hard to know how we affect our local environments.
Greenride brings dynamic emissions and environmental metrics right where you need it most - on your maps, next to the routes you travel every day.
We want to make it easy for each individual to see how their daily commute affects their environment. And so we introduce to you... GREENRIDE!
- Jake Greenberg-Bell
- Bryson Xiao
- Kyle Pu
https://www.inspirecleanenergy.com/blog/clean-energy-101/average-american-carbon-footprint
- Has some stats on CO2 released per gallon of gasoline
- Can use as a starting point for customization of output based on car type
- Has info on other types of vehicle emissions
https://www.epa.gov/compliance-and-fuel-economy-data/data-cars-used-testing-fuel-economy
- Has stats on grams of CO2 per gallon of a bunch of different cars
https://github.com/Zenigma/emission_tracker_treehacks
- Took data file
carData.js
from this repo - Data file originally from the same epa sources listed above
https://stackoverflow.com/questions/55424790/how-i-draw-a-route-with-react-google-maps-component
MapDirectionsRenderer
component source code from here- Transformed this component into a functional component so we could use
useEffect
and force a re-render every time the longitude or latitude of source or destination changed
- Transformed this component into a functional component so we could use
- For driving distance and duration extraction
https://stackoverflow.com/questions/54069253/usestate-set-method-not-reflecting-change-immediately
- A lesson well learned on React state updates
https://developers.google.com/maps/documentation/places/web-service/overview
- Places API
- Tailwinds
- Helped us find relevant data structures for distance and duration calculations
https://reactjs.org/docs/context.html
- React Context Tutorial
- Global warming warning and its relations to personal transportation