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 🚀