As climate change is getting worse, many people are starting to worry about the effects on their lives. With a higher-than-average amount of natural disasters occurring in the past year, we have focused on looking at the factors that cause climate change, such as increased carbon dioxide output. We want to be more mindful of how our everyday life affects the world, and

Our website outsources a carbon output calculator from Carbon Footprint, which can calculate the carbon output of a household and different forms of transportation, such as automobiles, planes, public transportation, and more. It can also take you to an outside source that shows you how much it will take to offset your carbon output.

We built it using React as a framework using Javascript. We first inputted the React program into Vscode and made functions for the header, button, and calculator. We were able to put a code that uses an outsourced calculator onto our React local host.

Since we are both new hackers and coders, we experienced many challenges from start to end. We weren't able to properly install the packages in Vscode to install React, and we couldn't connect the program to the local host. Later, we managed to get a header on the localhost, but we got confused with our export defaults and containers, which produced 'null'. After troubleshooting, we were able to get a header, button, and an outsourced calculator.

This is our first time using JavaScript to make a website and program. Even though we weren't able to accomplish much in this Hackathon, we are proud that we were able to use React to code a description on our website and put in a carbon calculator. Although we had many challenges, we are excited and proud to have competed in our first Hackathon.

We learned that we can't have two export defaults in our code and that we need to wrap our printed-out texts in and

. We also learned how to use React with JavaScript for the first time and how to connect it to localhost.

Our plan is to continue to work on the localhost website on the Carbon Calculator during our school year. Hopefully, we are able to establish a website with our own carbon output calculator that's able to calculate the carbon impact from transportation and purchases.

Built With

Share this project:

Updates