Ein moderner, lokaler Fortschritts-Tracker für die Fachinformatiker Abschlussprüfung Teil 1. > Keine Anmeldung. Kein Tracking. Deine Daten gehören dir.
Das Projekt ist live und einsatzbereit gehostet:
Der AP1 Tracker wurde entwickelt, um Fachinformatikern eine strukturierte Übersicht über die Lerninhalte der Abschlussprüfung Teil 1 zu geben.
Das Ziel war eine „Offline-First“ Web-App, die sich wie eine native Anwendung anfühlt, aber komplett im Browser läuft. Der Fokus lag auf sauberem Code, Performance und maximalem Datenschutz.
- Persistent Storage: Speicherung des Lernfortschritts via
LocalStorage(bleibt nach Neustart erhalten). - Gamification: Ränge, Streaks und Konfetti-Belohnungen für Motivation.
- Focus Timer: Integrierter Pomodoro-Timer für effektive Lernphasen.
- Smart Search: Echtzeit-Filterung und direkte Google-Suche für Themen.
- Responsive Design: Optimiert für Desktop und Mobile (Tailwind CSS).
- Import/Export: JSON-basierte Backup-Funktion der eigenen Daten.
Dieses Projekt ist ein Showcase für moderne Web-Entwicklung mit KI-Unterstützung. Es wurde bewusst auf komplexe Frameworks (React/Vue) verzichtet, um "Vanilla Web Technologies" auszureizen.
| Bereich | Technologie |
|---|---|
| Frontend | HTML5, Vanilla JavaScript (ES6+) |
| Styling | Tailwind CSS (Lokal eingebunden) |
| Icons | FontAwesome (Lokal gehostet) |
| Animation | Canvas Confetti |
| IDE | VS Code |
| AI Pair Programming | Gemini 3 Pro (Coding Logic) + Perplexity Pro (Research & Fact Checking) |
Datenschutz war ein Kernaspekt der Architektur. Um das Projekt rechtssicher und datensparsam bereitzustellen:
- Keine Cookies: Es werden keine Tracking-Cookies gesetzt.
- Keine externen Requests: Alle Bibliotheken (Tailwind, FontAwesome, JS) liegen lokal auf dem Server. Es fließen keine Daten an Google-Server oder CDNs (USA).
- Local Data: Alle User-Eingaben bleiben auf dem Endgerät des Nutzers.
Das Projekt wird stetig optimiert. Geplante Erweiterungen:
- Lernzettel & Skripte: Bereitstellung von Zusammenfassungen (PDF/Markdown) direkt an den Themen.
- Dark/Light Mode Toggle: Manuelle Umschaltung des Designs.
- PWA Support: Installation als App auf dem Homescreen.
Alle Lerninhalte wurden nach bestem Wissen und Gewissen auf Basis der aktuellen IHK-Prüfungskataloge zusammengestellt. Ich gebe mein Bestes, alles aktuell und korrekt zu halten, übernehme jedoch keine Gewähr für die Vollständigkeit oder Richtigkeit der prüfungsrelevanten Themen.
Gefällt dir das Projekt? Unterstütze meine Arbeit gerne mit einem Kaffee!
Dieses Projekt ist unter der GNU Affero General Public License v3.0 (AGPLv3) lizienziert.