Leads Tracker is a lightweight Chrome extension that helps you save, view, and manage URLs (leads) directly from your browser. You can add links manually, capture the current tab, and clear your entire list with a simple double-click.
- Save Input: Manually enter and save a URL.
- Save Tab: Automatically save the URL of the active tab.
- View Leads: Display saved URLs as clickable links.
- Delete All: Double-click the delete button to clear all saved leads.
- Persistent Storage: Data is stored using
localStorage
.
- Download or clone this repository to your computer.
- Open Chrome and navigate to
chrome://extensions/
. - Enable Developer mode (toggle in the top-right).
- Click "Load unpacked" and select the project folder.
- The Leads Tracker extension will appear in your extensions bar.
-
Popup UI (
index.html
)
Contains an input field and three buttons:SAVE INPUT
→ Adds the typed URL to the listSAVE TAB
→ Captures the URL of the current tabDELETE ALL
→ Clears the list when double-clicked
-
Script (
index.js
)- Stores leads in an array
- Saves them to
localStorage
- Renders links inside a
<ul>
element - Uses
chrome.tabs.query
to get the current tab’s URL
-
Styling (
index.css
)
Clean and minimal layout with green highlight color for buttons and links
Here’s the extension configuration you’re using:
{ "manifest_version": 3, "version": "1.0", "name": "Leads tracker", "action": { "default_popup": "index.html", "default_icon": "icon.png" }, "permissions": ["tabs"] }
Developed by Mohammed Tharick