Offset (Team #41)

Inspiration

Every single day, humans release carbon emissions as a byproduct of their actions. Millions of tons of emissions are released this way; there is no way for humans to track it. Here comes Offset - a emission calculator that factors your daily commute, flights, and electric bill to calculate your total emissions.

What it does

Offset has three different distinct features: calculating emissions from your daily drive, emissions from planes, and emissions from the electric bill. For daily commute, through entering a car's year/model/usage interval, one can get contextual information about their emission output: such as how many kgs of CO2 was emitted, how many trees would be needed to offset it, and how any phones it could charge. Then, you can donate the adequate amount of money to OFFSET your emissions. For flight, by entering the origin and destination airport, one can also get a contextualization of their emissions and get options through PayPal to donate an adequate amount. Lastly, for electricity, one can enter either their electricity bill or consumption + their state to get a total emission calculation + contextualization. They can donate through PayPal.

How we built it

We used React Js + MUI + the Carbon Interface API + Google Maps API + EPA Emissions API + PayPal Integrations to create the website. Carbon Interface was used for the carbon emission calculation, Google Maps Add-on for the route display for the Flight and Vehicle Page, and the EPA emissions API for the contextualization of data.

Challenges we ran into

We ran into problems with the formatting of the total emissions because the data was being displayed all over the place. We had to fix the formatting by streamlining the code. Additionally, we had problems with the formatting and display of the Google Maps API.

Accomplishments that we're proud of

We were able to use more than 4 APIS to create a coherent web application...which was a first for all team members.

What we learned

We learned more about using React + MUI on our frontend.

What's next for Offset

Adding more features for total emission calculation + a complete UI renovation

Built With

• carboninterface
• flightaware
• google-maps
• javascript
• materialui
• react