Course-ify

Empowering education with Youtube.

Comment

Inspiration

Free online learning resources such as Khan Academy makes learning more accessible. We are inspired by such websites to work towards keeping education more accessible and powerful.

What it does

Given any Youtube video, it will generate an interactive course on the topic you chose. The video will be split up into different sections with its own summary and quiz, helping you reinforce what you just watched!

How we built it

Our tech stack combines Vue.js and Typescript to power our web-app. We have also integrated ChatGPT-4o to help condense the video information so it's more easy to digest. We then feed GPT the complete transcript of the Youtube video so it can work its magic. The information that GPT helped to generate will then be shown to the end-user via an interactive and intuitive UI.

Challenges we ran into

  • We had issues working with a Youtube API to get the information we needed from a given link. It was challenging to find the right one that still had support and was fully functioning.
  • Another issue we ran into had to do with our database. We had some trouble communicating between our back-end and the database itself.

Accomplishments that we're proud of

  • We were able to successfully connect ChatGPT to power our app and generate meaningful content for users to learn off of.
  • We had many light-bulb moments while working on this app and the feeling of getting a specific feature to work properly was super fulfilling.
  • Meeting some milestones during development, such as getting the front-end and back-end communicating with each other, successfully connecting and querying the database, and much others kept us going the entire way.

What we learned

  • Some of us were very new to the Vue.js framework and using Typescript, so it was a pleasure being able to learn how to use these tools.
  • As a result of the first bullet point, a lot of us learned more about web development and how powerful it can be to create apps quickly.
  • While developing our app, it gradually became more obvious how much faster it needed to be. We had to optimize a bit and approach things in a different way to improve user-experience. This taught us to be more mindful about things regarding the usability of the apps that we built and more about real-time systems.

What's next for Course-ify

  • As of right now, the courses page where you can see the generated courses has very minimal information. In the future, we would like to change it so it displayed more information, while still keeping it digestible and informative.

Built With

Share this project:

Updates