YouLearn - A Chrome Extension
Siteview closeup 1
Siteview closeup 2
We all like to go on YouTube and try to learn something new. The best resource on Youtube to learn is Playlist. The existing way to find out new playlists for the thing you want to learn is very hectic. You have to watch an entire video or a few minutes of it, just to know if the playlist is good for you. Don't worry from now because we are here to make the process better.
What it does
User installs the chrome extension. We chose a chrome extension as we didn't want the user to learn using a new website to use You Learn. User clicks on the You Learn button instead of normal search and it takes them directly to playlist search with our added metrics. With You Learn the user can:
- Rate videos
- Mark them for difficulty
- Look at existing ratings
- Look at difficulty level
- Look at the date to see how current the tutorial is
- Look at the number of views on the playlist.
How we built it
We built the chrome extension using HTML, CSS, JS, jQuery, Firebase and YouTube Data API. We crawl on the web page to find information about the video. Then we have created our own rating system that connects to Firebase and updates information on the fly. We constantly keep making calculations in our backend to keep the rating and the difficulty level of videos up to date.
Challenges we ran into
We all had web experience but hadn't worked with Chrome extensions to this level before. Learning how YouTube's page is structured and editing it was challenging for us, as YouTube is a very complex web app.
Accomplishments that we're proud of
Adding the difficulty level system despite the time limit. Also we were able to make the extension look really good.
What we learned
- How to work with existing websites
- Advanced CSS to improve our presentation
What's next for You Learn
If given an opportunity we would like to collaborate with YouTube as they have the resources to be able to take this project to the next level.