TubeTutor

Logo

Inspiration

We wanted to make it easier and more efficient for students to study, instead of having it be such a chore.

What it does

We designed a Google Chrome extension that helps users study by recommending them Youtube videos that relate to the articles they are currently viewing.

How we built it

In order to do this, we looked at the metadata of the site the user was inspecting and the program was then supposed to use this to create keywords for a search query with Youtube’s API. The content script accesses the title, description and keywords of the website and then sends this through a port message to the service worker script, which is able to display this in the console of the extension.

Challenges we ran into

Unfortunately, we were unable to connect this to the Youtube API, as Chrome’s new extension version, Manifest version 3, does not allow the use of external libraries due to security reasons.

Accomplishments that we're proud of

Learning Javascript
Learning how to make a chrome extension
Learning how to interact with APIs
First exposure to full stack technology

What we learned

We learned how to work together as a team to make a web program and how to integrate public APIs into our code.

What's next for TubeTutor

In the future, we will create an external website that is able to access Youtube’s API, as well as work on understanding Chrome’s CSP regulations and security workarounds, enhancing UI styling and creating a working prototype of the chrome extension that actively listens on the user’s current page , searches YouTube for videos to support learning and suggests up to five videos in the extension window which are clickable and navigates to the video in another window.