A mini learning project to build your own Smart Bookmark Manager as a Chrome extension using HTML, CSS, and JavaScript.
This extension allows you to:
✅ Save the current tab as a bookmark.
✅ View your latest bookmarks and most used bookmarks.
✅ Add personal notes to each bookmark.
✅ Delete bookmarks easily.
✅ Practice working with Chrome Extensions, Storage API, and popup UI.
- 🌐 Save Bookmarks with one click.
- 📑 View all bookmarks in a clean, dark-themed UI.
- 📝 Add notes to your bookmarks for context.
- 🔝 Tracks usage count for your most used bookmarks.
- 🗑️ Delete bookmarks when no longer needed.
- ⚡ Simple, responsive, and beginner-friendly structure.
- HTML (popup, options page)
- CSS (Dark theme with gradient aesthetic)
- JavaScript (vanilla JS for DOM manipulation and Chrome API usage)
- Chrome Storage API (
chrome.storage.local) - Manifest V3
1️⃣ User clicks "Save Bookmark" to save the current tab.
2️⃣ The extension checks if the bookmark already exists and updates it or adds a new entry.
3️⃣ Bookmarks are displayed on the popup and bookmark.html page, allowing:
- Adding personal notes
- Deleting bookmarks
- Tracking usage count
1️⃣ Clone the repository:
git clone https://github.com/yourusername/smart-bookmark-extension.git