Introducing Classroom: Learning with YouTube Made Exciting

Search for a command to run...

Great work! Looks interesting
Nature is full of surprises and keeps many things hidden from us! It's your chance to explore them and better understand our nature. Hello, Hashnode 👋! I'm Shivam, and today I'm writing to introduce my project FactSea, which I created for the Hack-R...
Authentication is a fundamental aspect of modern web and mobile applications. It ensures that users can securely access an app while protecting their data. Firebase, a platform developed by Google, offers a simple and efficient way to add authenticat...

Hello there! My name is Shivam, and today, I will show you how to create this beautiful horizontal scrolling parallax effect with HTML, CSS, and JavaScript. Wouldn't this look stunning on your blog or portfolio site? To achieve this effect, we will ...

Dealing with fonts can get quite overwhelming. For quite some time, I was searching for a way to self-host google fonts because the google fonts API's network request increased the render-blocking time more than I expected. I stumbled upon fontsource...

Our favorite month is here! And we have some amazing activities planned for our community 🤩 Yes, you are right. We are talking about Hacktoberfest! In this blog, we want to cover various ways you can participate in Hacktoberfest through the ReactPla...

The second edition of ReactPlay Hackathon is here!

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.
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.
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.

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 🚀