Jobmate

Web-Apps
Version: 1.1.1
Technologie: HTML, CSS, Vanilla JavaScript, localStorage, PDF-lib
Kategorie: Web-Apps

Beschreibung

Jobmate ist eine Anwendung zur strukturierten Verwaltung von Bewerbungen. Ziel war, den typischen Mix aus Notizen, Tabellen und einzelnen Dateien in eine einzige, klare Oberfläche zu bringen.

Neben der reinen Erfassung liegt der Fokus auf Alltagstauglichkeit: schnelle Suche, klare Status-Übersicht, Follow-up-Hinweise und übersichtliche Nachweise für offizielle Termine und Gespräche.

Technik

Das Projekt ist vollständig mit HTML, CSS und Vanilla JavaScript umgesetzt. Daten, Einstellungen und Verlauf werden lokal im Browser über localStorage gespeichert, ganz ohne Backend.

Umgesetzt wurden unter anderem eine Tabellen- und Kanban-Ansicht, ein 5-Tab-System pro Bewerbung (Notizen, Dokumente, Termine, Links, Timeline), Dark Mode, ein Reminder-System sowie Export/Import via JSON.

Für offizielle Nachweise nutzt Jobmate einen PDF-Export auf Basis von pdf-lib und einer Vorlage, damit strukturierte Bewerbungsübersichten direkt aus der App erstellt werden können.

Technische Highlights

  • Bewerbungsverwaltung mit CRUD, Status-Tracking und kombinierbarer Such- und Filterlogik
  • Zwei synchronisierte Ansichten (Tabelle + Kanban) inklusive Favoriten-Priorisierung
  • 5-Tab-System pro Eintrag: Notizen, Dokumente, Termine, Links und Timeline
  • Konfigurierbares Reminder-System für Termine und Follow-ups mit Toast-Benachrichtigungen
  • Erweiterte Statistiken mit Zeitraumfiltern sowie klickbaren Termin- und Follow-up-Elementen
  • Export/Import-Funktionen: PDF-Nachweise via pdf-lib und JSON-Backups mit Validierung
  • 100% lokale Datenhaltung über localStorage (offline nutzbar, keine Cloud-Übertragung)

Was ich dabei gelernt habe

Bei Jobmate habe ich gelernt, eine größere Vanilla-JS-Anwendung mit vielen Zuständen der Anwendung sauber zu strukturieren: von Persistenz und Rendering bis zu Filtern, Erinnerungen und Export-Workflows. Besonders wertvoll war für mich die Arbeit an robuster Zustandslogik, damit Tabelle, Kanban, Statistiken und Detaildaten auch bei vielen Interaktionen konsistent bleiben.