Introducing Classroom: Learning with YouTube Made Exciting

Introducing Classroom: Learning with YouTube Made Exciting

Geeky Chakri's photo
Geeky Chakri
ยทOct 24, 2022ยท

2 min read

Subscribe to our newsletter and never miss any upcoming articles

Play this article

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.

Blog1.png

Search

Blog2.png

Search Results

3.png

Channel

5.png

Playlist

4.png

Take notes as you watch the video.

BlogNotes.png

Watch and code.

BlogEditor.png

Your saved notes are accessible here.

BlogNotes2.png

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 ๐Ÿš€

Did you find this article valuable?

Support ReactPlay Blog by becoming a sponsor. Any amount is appreciated!

Learn more about Hashnode Sponsors