Stack developer, soul searcher
@BeaconsUnited.

VBNotes – YouTube Notes Platform

Chrome extension and web app for comprehensive YouTube note-taking with screenshots and timestamps.

Overview

Comprehensive note-taking platform specifically designed for YouTube videos, combining a Chrome Manifest V3 extension with a responsive web application. Features rich-text editing with Quill, screenshot capabilities with automatic timestamps, real-time synchronization across devices, and optional public sharing.

Key Features

  • Chrome Manifest V3 extension with content script injection
  • Rich text editor (Quill) with full formatting support
  • One-click screenshot capture with automatic video timestamps
  • Real-time auto-save with 2-second debounce
  • IndexedDB offline storage for large capacity
  • Cross-device synchronization via cloud
  • Privacy controls (public/private notes)
  • Keyboard shortcuts (Ctrl+Shift+S for screenshots)
  • HTML to Markdown conversion for export
  • Personal notes dashboard with search
  • JWT authentication with HTTP-only cookies

Technology Stack

Next.js 15, React 19, TypeScript, Tailwind CSS, MySQL, Quill Editor, IndexedDB, Chrome Extension API

Impact

Helping users organize YouTube learning

Project Link

Visit VBNotes

Add a comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Prev Next

Subscribe to My Newsletter

Subscribe to my email newsletter to get the latest posts delivered right to your email. Pure inspiration, zero spam.
You agree to the Terms of Use and Privacy Policy