Inspiration✨

We wanted to create a project that is simple yet usable for users and raise attention to what environmental impact our daily actions cause to the globe. Video streaming is something that everyone does every day. We want to investigate how much carbon footprint this behavior creates and, furthermore, inform users about what actions they can take to offset the carbon emissions we generate.

What it does🌍

We demonstrate facts regarding carbon emissions caused by streaming and suggest actions that we can all take to mitigate this. At the bottom of the webpage is an interactive page where users can see how much carbon emission is generated by youtube channels.

How we built it 🛠

The webpage is built with Vue.js for frontend and D3.js for interactive scrolling. Data about youtube channels come from YouTube data API v3. We calculate how much CO2 emission is generated according to channel videos and view counts using Flask as backend.

Challenges we ran into

We first decided to go with pytube library to fetch channel information, however, many of its API are deprecated and it takes many HTTP requests that will likely make the response time exceeds user expectation. So we decided to combine it with Youtube data API v3 to fetch the data we need, then do the calculation in backend using Flask and sent the result to frontend. This way, the response time is faster and does not freeze the frontend.

Accomplishments that we're proud of 🔊

We are particularly proud of this project because it brings people's attention to carbon emissions caused by video streaming, which is commonly ignored by the general public. Also, the design and structure of the project make it accessible to non-technical users.

Built With

Share this project:

Updates