Überblick
Eine Chrome-Erweiterung zum Speichern und Organisieren nützlicher Datensatz-URLs bei der Recherche europäischer offener Datensätze. Das Projekt entstand im Rahmen des JavaScript-Lernens über Scrimba — Kombination aus Kursinhalten und einem praktischen Anwendungsfall: öffentlich lernen und bauen.
Motivation
Bei der Erkundung europäischer offener Datenquellen für GIS- und Raumanalysearbeit wurde die Verwaltung Dutzender nützlicher Datensatz-URLs über Tabs hinweg mühsam. Der Leads Tracker löst dieses Problem, indem URLs direkt aus der Browser-Symbolleiste gespeichert, angezeigt und verwaltet werden können — kein App-Wechsel nötig.
Analyseworkflow
Schritte aufklappen, um die Details zu lesen.
01Aktuellen Tab speichern
Klick auf das Erweiterungs-Symbol speichert die URL des aktiven Tabs mit einem Klick. URLs werden in Chromes lokalem Speicher abgelegt, sodass sie sitzungsübergreifend erhalten bleiben.
02Manuelle Eingabe
Beliebige URLs in das Eingabefeld eingeben oder einfügen — zum Speichern von Links aus Dokumenten, E-Mails oder Notizen außerhalb des Browsers.
03Anzeigen & Löschen
Alle gespeicherten URLs werden als klickbare Links aufgelistet. Doppelklick auf den Löschen-Button leert die gesamte Liste.
Technologien
- JavaScript (ES6) — Kernlogik und DOM-Manipulation
- Chrome Extensions API —
chrome.tabsundchrome.storage.local - HTML & CSS — Popup-UI der Erweiterung
- Scrimba-JavaScript-Kurs — Lernrahmen
Projektrepository
Das Projekt wurde auf GitHub gepusht und über Netlify bereitgestellt — mit einem öffentlichen Live-Demo und einem Quellcode-Repository.
Was ich gelernt habe
Dieses Projekt war meine Einführung in JavaScript und die Entwicklung von Browser-Erweiterungen. Wichtige behandelte Konzepte: Arbeit mit der Chrome Extensions API, Datenpersistenz mit localStorage, ereignisgesteuertes Programmieren und der Aufbau eines kleinen, aber vollständig funktionsfähigen Browser-Tools von Grund auf.