Youtemy

Dashboard
Course 1
Course 2
Explore Page
Bookmarks Page

Inspiration

The project was inspired by our own experiences of being a developer. YouTube is an adobe of educational resources ranging from art, education, technology. Both of us learnt all of our technologies from YouTube itself. . This includes HTML, CSS, JavaScript, React, Firebase, APIs, Hosting via Heroku/ Firebase.

What it does

This web app aims to improve learning efficiency and make a developer more streamlined and focused towards learning a new technology. It helps them keep track of the courses they are watching on YouTube.
One of the drawbacks of watching educational playlists on YouTube is that we are eventually drawn into tutorial hells where we simply code along the YouTube creator and don’t wish to push our efforts in creating a new project. This hinders our progress. YouTemy aims to change that by essentially helping us track the number of playlists we have watched for a certain topic. It even keeps track of the percentage of course completed.
YouTemy also allows us to bookmark videos and playlists for future use allowing us to come back to difficult topics when needed.
Another issue with YouTube courses is the quality and number of courses present on YouTube from where we can learn. This makes choosing difficult which is why YouTemy offers you a complete course curated from YouTube playlists in which you can simply enroll and learn. These playlists are chosen on the basis of their quality and the popularity of the channels making their content top notch.
In case, you want to enroll in a course not offered by us, simply search for it in the Explore section and add it to the Enrolled Courses.

How we built it

We initially had thought of developing an extension for this, however, our pod leader suggested this could turn into a really good web application so we worked in that direction. Youtemy uses the YouTube Data API v3 to present search results and present playlists on our web page. The tracking of progress of each playlists as well as adding bookmarks is done with the help of Firebase(Firestore).

Challenges we ran into

The biggest issue that we focusing on developing our MVP. Since we don’t own any of the playlists or content, and we didn’t want the user to share their YouTube accounts with us. We ended up using the YouTube Data API V3 for this and developed our project.
Another issue was deciding the backend for the project which was ultimately Firebase since it provided a lot of features that we wanted.
Integrating Twilio was another feature that didn't work out well in the project so we had to drop that. We ended up creating an issue for future collaborators where they can help us integrate Sendgrid/Twilio.

Accomplishments that we are proud of

We did not expect the project to be completed in a time span of 2 weeks since we ran into multiple issues related to hosting and domain.
We had a lot of different ideas and filtering them was a big headache. Notion helped us pretty well in that department and we ended up finalizing our MVP in the span of 3 days.

What we learned

We learnt collaboration over the entire git workflow and even learnt how to manage APIs since we used several of them in our project using Firebase, Twilio(tried to integrate), YouTube.
We also learnt more about using different tools while developing a web app in a team which include Notion, Figma, VS Code Live Share and Trello Boards.
We also learnt how to write automated tests for Javascript applications.

What\'s next for Youtemy

We have created multiple issues on our GitHub repository which are our plans after the hackathon. We will also be creating more issues and thinking of more ideas to work on in the project including sending a daily streak reminder, as well as telling users to stop watching a playlist at a certain point.