Skip to content

Shadow-Gard3n/Smart-Bookmark

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Smart Bookmark Chrome Extension

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.


🖼️ Preview

image image

📂 Features

  • 🌐 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.

🛠️ Tech Stack

  • 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

🧩 How It Works

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

🚀 Getting Started

1️⃣ Clone the repository:

git clone https://github.com/yourusername/smart-bookmark-extension.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors