CarbonCalc | Devpost

Page 1
Page 2
Page 3

Inspiration

The global carbon footprint of our technology accounts for nearly 5% of the world's greenhouse gas emissions and is expected to double over the next 4 years. Our online habits are having a very real effect on the world outside. With our extension to track your carbon footprint, we help you keep track of what you're putting into the atmosphere.

What it does

Once enabled, our extension will check the size of the webpage you're looking at, and give you an accurate estimate of how much carbon dioxide is put into the atmosphere when you view the page. Your browsing history is secure, as none of your data is sent to us.

How we built it

We built a ReactJS based chrome extension in typescript using NPM and yarn.

Challenges we ran into

We initially planned to use Python and BeautifulSoup but then ran into challenges incorporating that into a javascript framework. After we learned that many of the javascript features we were using were inherently blocked by the chrome extension, we transitioned to a ReactJS and NodeJS based extension and decided on using Typescript that would be built by Yarn.

Accomplishments that we're proud of

We're proud of the fact that we were able to make a working chrome extension with minimal programming experience in this aspect of computer science.

What we learned

We learned about Typescript as well as NodeJS and ReactJS, never having used any of these before. We also learned about chrome extensions in general and more about the chrome interface.

What's next for CarbonCalc

We plan to expand CarbonCalc by developing features comparing various website and by tracking user carbon emissions in the past week, month, and year. We also hope to make our extension more interactive by using a more advanced javascript UI.