Routemaxxer

Inspiration

We appreciate the value that route finding applications give us; however, we believe that there should be simpler and better ways to figure out the environmental impact that our trips leave on the environment. To allow sustainability for the future, we developed this application to give us more awareness on the extent of our environmental footprint per trip.

What it does

This application first takes in two locations and then proceeds to calculate the best route, distance, co2 emissions, and gas consumption of the trip.

How we built it

We utilized React, Leaflet, OpenStreetMaps, and OpenRouteService to build the front-end, along with the map and routing display. We utilized a Firebase database to store the gas consumption values used in the calculations of our environmental measurements.

Challenges we ran into

One of the main challenges that we faced while making this application was our inexperience with the backend. As we attempted to incorporate flask and firebase into our project, we faced many implementation issues and thus abandoned the backend. Instead, we moved everything (API calls, calculations, etc.) to the frontend.

Accomplishments that we're proud of

Something that we are proud of is the uniqueness of our idea. The amount we have learned in a short time, especially the fact that it was the first time using react and for some of us, the first time doing a hackathon, was quite impressive.

What we learned

Throughout this hackathon, we learned how to distribute work properly, how to manage our time effectively, new libraries, new languages, and more.

What's next for Routemaxxer

For Routemaxxer, we will further extend the backend, incorporate firestore, and fix the UI. There are many improvements for Routemaxxer and we will work continue working on it after the hackathon.

Built With

• css
• firebase
• html
• javascript
• leaflet.js
• openrouteservice
• openstreetmap
• react