Hello, beautiful people! It gives me great joy to introduce Classroom, where learning with YouTube has been made more exciting than ever.
First, let me thank ReactPlay and Nhost for hosting this hackathon.
Idea
YouTube is my go-to resource when I'm trying to learn something new. Through YouTube, I have learned a lot over the years. However, YouTube recommendations are very distracting and click-baiting. Sometimes I spend mindless hours scrolling through YouTube, watching random videos suggested by the website.
I prefer taking notes when watching important YouTube content, such as coding courses, tech presentations, and others. I switch back and forth between my code editor, YouTube and my notes frequently, especially when watching a coding tutorial.
To make it simpler and more productive, I came up with the idea of developing an app that allows me to take notes, watch videos, code, and be distraction-free, all within a single app.
Classroom Walkthrough
Start learning - https://learnwithclassroom.vercel.app
Link to the repo - https://github.com/GeekyChakri/Classroom
Here's a quick video demo of Classroom:
Sign-up/Login using your GitHub account.
Search
Search Results
Channel
Playlist
Take notes as you watch the video.
Watch and code.
Your saved notes are accessible here.
Tech Stack
NextJS
Typescript
Tailwind
Nhost
Vercel
It was fun working on this project. First time building an app with Nhost, and I'm in love with this platform. Incredible features and great DX. I highly recommend you give it a try.
Thank you for reading the article. Please let me know your feedback in the comments section. Till then, be happy and stay safe.
Happy Coding 🚀