Gokul Gopan
โ† Back to Projects
Leads Tracker Chrome Extension

Leads Tracker โ€” Chrome Extension

JavaScriptChrome ExtensionWeb DevelopmentOpen Data

Overview

A Chrome extension built to save and organise useful dataset URLs while researching European open datasets. The project was developed as part of learning JavaScript through Scrimba, combining coursework with a practical, real-world use case โ€” building in public while learning.

Motivation

While exploring European open data sources for GIS and spatial analysis work, managing dozens of useful dataset URLs across tabs became cumbersome. The Leads Tracker extension solves this by letting you save, view and manage URLs directly from the browser toolbar โ€” no switching apps needed.

How It Works

Save the Current Tab

Click the extension icon and save the active tab's URL with one click. URLs are stored in Chrome's local storage so they persist across sessions.

Manual Input

Type or paste any URL into the input field to save links you find outside the browser โ€” from docs, emails or notes.

View & Delete

All saved URLs are listed as clickable links. Double-click the delete button to clear the entire list when you're done.

Technologies

  • JavaScript (ES6) โ€” core logic and DOM manipulation
  • Chrome Extensions API โ€” chrome.tabs and chrome.storage.local
  • HTML & CSS โ€” extension popup UI
  • Scrimba JavaScript course โ€” learning framework

Project Repository

The project was pushed to GitHub and deployed through Netlify, giving it both a public live demo and a source-code repository.

Open Live Website View GitHub Repository

What I Learned

This project was my introduction to JavaScript and browser extension development. Key concepts covered: working with the Chrome Extensions API, persisting data with localStorage, event-driven programming, and building a small but fully functional browser tool from scratch.