I was inspired to create a project for the environmental track! Throughout my science classes at school, we often hear about the effects of carbon emissions on the environment because they contribute to global warming, increased rates of natural disasters, poor air quality, etc. I decided that I wanted to help further the "reducing of the carbon footprint" cause through this hackathon.

What it does

Carbon Garden is a garden of various eco-aware services! The primary service is a carbon calculator based off of real data on the different factors that influence a person's carbon footprint. To use the carbon calculator, the user simply inputs information about their day-to-day lives. After submitting their information, the user will receive a "carbon score."

The score represents how environmentally friendly their choices are. Positive/higher scores show more carbon awareness whereas negative/lower scores show more destructive, less environmentally friendly habits. The user is also prompted to find out specifics on what their score implies on the Resources page.

The Resources page explains the user's results based on five separate score ranges and gives helpful tips on what the user can do to improve their carbon footprint and how they can reach the next score range or tier! At the bottom of this page, I also included a list of eco-friendly organizations to get more information.

Finally, Carbon Garden has its own about us page that includes its mission statement.

How I built it

I build Carbon Garden using Qoom! This was my first time using Qoom as a coding platform and I found that it was actually really easy to pick up. I really liked the "magic wand" feature that helps clean up your code, especially indentations.

The languages I used to build Carbon Garden were HTML, CSS, and JavaScript. I also used Google APIs for the fonts.

Challenges we ran into

For me, I found that the biggest challenge was figuring out how to actually use HTML form data. In the past, I've made a lot of HTML form mock ups, but I had not really worked on the JavaScript portion of taking HTML form values to find a result.

I had to do some experimenting and research to identify and fix a couple errors before I was able to get the calculator up and running!

Accomplishments that I'm proud of

Overall, I am really proud of creating a fully functioning project this weekend. I think that my Carbon Garden idea is something that could really be used to spread awareness about the effects of our carbon footprint and I'm excited for people to check it out. I usually work in groups for hackathons as well so working solo was an interesting change of pace!

I also worked with Qoom for the first time which was pretty exciting and I think I will use this platform again in the future!

What I learned

I learned how to use Qoom as a code editor and also how to work with JavaScript to use information from HTML forms.

What's next for Carbon Garden

In the future, I'd like to add more questions to the carbon calculator (and adjust the score ranges appropriately) to give even more accurate results!

Built With

Share this project: