Skip to content

A simple Chrome extension to save, manage, and quickly access your favorite URLs or leads, with persistent local storage and a clean, user-friendly interface.

Notifications You must be signed in to change notification settings

naimmazni/lead-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Leads Tracker - Chrome Extension

A simple and efficient Chrome extension for tracking and managing leads/URLs. This extension allows you to save URLs from your current tab or manually input them for later reference.

Features

  • Save Current Tab: One-click button to save the URL of your currently active tab
  • Manual Input: Add custom URLs by typing them in the input field
  • Persistent Storage: All saved leads are stored locally and persist between browser sessions
  • Quick Access: All saved URLs are displayed as clickable links for easy access
  • Delete All: Double-click the delete button to clear all saved leads
  • Clean Interface: Simple, intuitive user interface with a green color scheme

Installation

Development Setup

  1. Clone or download this repository
  2. Install dependencies:
    npm install
  3. Start the development server:
    npm start
    # or
    npm run dev

Loading the Extension in Chrome

  1. Open Chrome and navigate to chrome://extensions/
  2. Enable "Developer mode" in the top right corner
  3. Click "Load unpacked" and select the project folder
  4. The extension icon should appear in your Chrome toolbar

Usage

  1. Save Current Tab: Click the "SAVE TAB" button to save the URL of your currently active tab
  2. Manual Entry: Type a URL in the input field and click "SAVE INPUT"
  3. View Saved Leads: All saved URLs appear as clickable links below the buttons
  4. Delete All: Double-click the "DELETE ALL" button to clear all saved leads

Project Structure

lead-tracker/
├── index.html          # Main popup interface
├── index.js            # Extension functionality
├── index.css           # Styling
├── manifest.json       # Chrome extension manifest
├── icon.png           # Extension icon
├── package.json       # Project dependencies
├── vite.config.js     # Vite configuration
└── README.md          # This file

Technical Details

  • Manifest Version: 3 (latest Chrome extension manifest)
  • Permissions: Requires tabs permission to access current tab URL
  • Storage: Uses browser's localStorage for data persistence
  • Build Tool: Vite for development and building
  • Styling: Custom CSS with normalize.css for consistent styling

Development

Available Scripts

  • npm start or npm run dev - Start development server
  • npm run build - Build for production
  • npm run preview - Preview production build

Key Components

  • Input Management: Handles manual URL input and validation
  • Tab Integration: Uses Chrome tabs API to get current tab URL
  • Local Storage: Manages persistent data storage
  • Rendering: Dynamically renders saved leads as clickable links

Browser Compatibility

This extension is designed for Chrome and other Chromium-based browsers that support Manifest V3.

License

This project is open source and available under the MIT License.


Note: This extension requires the tabs permission to function properly. The permission is used solely to access the URL of the currently active tab when using the "SAVE TAB" feature.

About

A simple Chrome extension to save, manage, and quickly access your favorite URLs or leads, with persistent local storage and a clean, user-friendly interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors