Coursera Notes Clone for YouTube Playlists with React and VideoJS

In plain words

This is a web application built with React and VideoJS that enables users to create course-style notes for YouTube playlists. Launched in 2019, it's designed for students and educators who want to organize and annotate video content in a structured, course-like format similar to Coursera's learning experience. The tool allows users to take timestamped notes while watching videos from playlists, making it useful for managing educational video content and improving retention through organized note-taking.

written from the facts on this page · September 2026

• 
  Gnotes2019 · chromewebstore.google.com · ▲109

  You focus on learning, we'll take the notes.

• 
  TubeGuideDec 2025 · tubeguide.app · ▲280

  Convert YouTube to step-by-step notes

• 
  A simple note-taking app built in React2015 · notello.com · ▲100

  Free management app for tasks, notes, projects and cooperation suitable for both professional and personal life.

• RT
  Real-time notes app built with Vue.js, inspired by Notational Velocity2017 · notational.co · ▲257
• 
  React for Beginners2015 · reactforbeginners.com · ▲178

  Want to upgrade your JavaScript skills and learn React.js? Learn how to build websites and web apps in just a couple of afternoons.

• 
  NoteTakers.io2024 · ▲116

  YouTube Lectures into Comprehensive Notes With Study Tools

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲223

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Webframe▲796

  >800 web app screenshots for inspiration on your next app 🎉

  Dev tools · 2019 · webframe.xyz

• 
  CSS Scan 2.0▲758

  The fastest and easiest way to inspect or copy CSS ⚡️

  Dev tools · 2019 · getcssscan.com

• 
  Golden▲680

  Mapping human knowledge with AI

  AI · 2019 · golden.com

• 
  When To Launch▲654

  Launch your product on the right date and time based on data

  Growth · 2019

• 
  Hyper 3▲643

  A cross-platform terminal powered by web technologies

  Dev tools · 2019 · hyper.is

• CC
  CSSFX – Click-to-copy CSS effects▲595

  Life & fun · 2019 · cssfx.dev