TOHacks2022

What is Travel Green?

This web app aims to encourage users to choose alternative methods of travel to reduce their carbon footprint. The app allows users to input their travel distance and size of group to determine their carbon footprint using different methods of travel.

Why did we make this?

Our inspiration came from the lack of awareness that our team members had about transportation and carbon emissions. Obviously, we knew that cars were unsustainable, and there are many different eco-friendly modes of transportation, but this is all very vague. How much better is public transportation or biking as opposed to driving? How much carbon do we actually emit by traveling a certain distance with a certain number of people? We didn't have answers to these questions, so we were never fully aware. When we saw Deloitte's challenge, we knew that spreading awareness was the first step to any solution. And not just any awareness. We needed to share knowledge that is meaningful to each individual, and thus we thought of Travel Green, where each user can see (in numbers!) the impact they have on the environment with their travels.

Our challenges

  • Finding an open API that would provide the data that we needed for our application. Initially, we were planning on creating an app that was centered around reducing carbon emissions from food. Due to the lack of APIs that could provide data about each ingredient, we chose to shift our focus to carbon emissions caused by traveling.
  • This was the first time for each of our team members to collaborate virtually and use version control software like git. We needed to keep communication clear between team members so that no one had their work overwritten.
  • It was also a challenge to work within the time constraint and prioritize which features to build out first. There was a risk of setting out to do more than we were able to, however we overcame this challenge by periodically regrouping and aligning our goals based on the amount of time we had left.

How we built our project

We first prototyped our website using Figma and then started building the solutions using HTML, JavaScript, and CSS. We used the Climatiq REST API to calculate the number of kilograms of carbon dioxide when given the number of passengers, the distance traveled, and the type of vehicle.

What we learned

  • How to integrate a REST API into a web app and test using Postman
  • How to combine HTML, CSS, and JavaScript to create an interactive website
  • How to collaborate as a team using tools like GitHub and Figma

Built With

Share this project:

Updates