https://github.com/user-varun/smartmark
Browser Extension Bookmark Youtube pages and easily get back to them
https://github.com/user-varun/smartmark
extension-chrome html-css-javascript web
Last synced: 2 months ago
JSON representation
Browser Extension Bookmark Youtube pages and easily get back to them
- Host: GitHub
- URL: https://github.com/user-varun/smartmark
- Owner: User-Varun
- Created: 2025-06-14T13:29:02.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-16T16:35:20.000Z (about 1 year ago)
- Last Synced: 2025-06-16T16:43:48.010Z (about 1 year ago)
- Topics: extension-chrome, html-css-javascript, web
- Language: JavaScript
- Homepage:
- Size: 252 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📌 SmartMark – YouTube Marker Extension
**SmartMark** is a lightweight Chrome extension that lets you **mark specific timestamps on YouTube videos** and view/manage them later from a sleek popup.
---
## 🎯 Features
- Mark any moment on a YouTube video with one click.
- Automatic detection of already marked timestamps.
- View saved markers with thumbnails and titles.
- Jump directly to saved timestamps via "Go To" button.
- Delete unwanted markers easily.
- Responsive and clean dropdown UI.
---
## ⚙️ How It Works
### ▶ On YouTube:
- A "Mark" button appears in the video controls.
- Clicking it saves the title, current time, and duration.
- Button changes dynamically based on state: **Mark**, **Done**, **Marked**, or **Already Marked**.
### 📂 In the Popup:
- Displays saved markers grouped under **YouTube**.
- Includes video thumbnails, timestamps, and actions.
- Expand/collapse marker list using dropdown toggle.
- Shows a starter message if no markers are found.
---
## 📥 Installation
1. Download or clone this repository.
2. Go to `chrome://extensions/` in Chrome.
3. Enable **Developer mode**.
4. Click **Load unpacked** and select the project folder.
---
## 🔐 Permissions
- `storage`: Save and retrieve your markers.
- `https://www.youtube.com/*`: Injects the "Mark" button on YouTube pages.
---
## 📘 Getting Started
Check out `gettingStarted.pdf` (optional) in the project folder for a quick guide.
---