You are browsing as a guest. Sign up (or log in) to start making projects!

VidNote

  • 3 Devlogs
  • 6 Total hours

VidNote is a chrome extension that is used to take frictionless, timestamped notes or videomark(thats what I call them instead of bookmarks) in a YouTube video

Ship #1 Pending review

Mission Completed VidNote V1 is live 🎬⚡

Taking notes on YouTube programming tutorials has too much friction, switching tabs makes you lose your pace or remembering where you left your tutorial is too time consuming.

So I built VidNote. It’s a Chrome Extension that lets you take timestamped notes/videomark without ever leaving the video.

The Stack & Features:

Manifest V3 & Vanilla JS

DOM Injection: Injects a native “📝 Note” button directly into the YouTube control bar.

Zero-Friction Hotkey: Hit Alt+N while watching, the video auto-pauses, you type your note, hit enter, and it auto-resumes.

The Teleporter: Click a timestamp in the popup to instantly jump the video back to that exact second.

Local Storage & Export: Notes save locally and can be copied to your clipboard in one click for Notion/Obsidian.

It’s not a billion-dollar startup, but it solves my exact problem

See how it works: https://youtu.be/08dv63YkPuk?si=P_uNvBjuAs3gAz8J

Try project → See source code →
Open comments for this post

2h 31m 40s logged

So i added a copy all button so you can copy all your timestamped notes in clipboard also there is a shortcut ‘ALT+N’ to quickly take notes and a little note button sits right inside your youtube video to make it even more accessible while significantly improving its UI!!

0
0
74
Open comments for this post

2h 9m 35s logged

So today I tested my extension as the basic structure is complete it is working good just had some problem to add the delete button as it was not visible earlier then replaced it with x emoji so it is now perfect now will add some more functionality to it and work more on its structure and looks ;)

0
0
1
Open comments for this post

1h 27m 2s logged

So today I start my new project VidNote a chrome extension that helps you take timestamped notes while watching youtube videos or work as your yt video bookmark so you can know where you were and what you were doing. Today I learned about Chrome extensions how they work and the main file for extension the manifest.json file also made basic popup.js file

0
0
21

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…