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.
- Lernkarten: 1.228 Karten für alle 27 Themen (Anki-Style mit Strategie-Modus und Tastatur-Shortcuts).
- Safety-Fixes: Import-Validierung, Storage-Monitoring, Corrupt-Data-Protection.
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 | Lucide Icons (Lokal gehostet) |
| Animation | Canvas Confetti |
| IDE | VS Code |
| AI Pair Programming | API-Unterstützung durch Gemini, Perplexity und die MiniMaxM3 API |
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, Lucide, 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.
- Modul-Fortschrittskreise: Zirkuläre SVG-Verlaufsringe visualisieren den Lernfortschritt pro Modul und leuchten grün bei 100%
- Tastatur-Shortcuts: Lernkarten-Steuerung über Leertaste, Eingabe, Pfeiltasten und Esc (ausführliche Erklärungen in der neuen Hilfe-Sektion)
- Aktivitäts-Graph: Erhöhung des Aktivitätszeitfensters von 40 auf 80 Tage für einen besseren Lernüberblick
- Hilfe-System: Integration einer ausführlichen Hilfeseite (
help.html) mit praktischen Tipps zu Caching, Backups und Fehlerberichten
- Lucide Icons: Komplette Migration auf ressourcenschonende Vektorgrafiken (vollständig offline-fähig)
- Sleek Header Tiles: Modernisierung des Navigations-Headers im Kacheldesign mit flüssigen Hover-Animations
- Lernkarten-Fixes: Fehlerbehebung bei den Trainings-Modi, optimierte Textgrößen und verbesserte Layout-Zentrierung
- Fokus-Timer: Play/Pause-Steuerung und Widget-Layout-Zentrierung korrigiert
- Mobile Optimierung: Responsive Kachelgrößen und optimierte Spacings für kleinere Bildschirme
- Update-Notification Modal: Informiert Nutzer über neue Features & Lernkarten
- SEO-Optimierung: Google Indexierung für alle Fachrichtungen (FI-AE, FI-SI, FI-DP, Digitale Vernetzung)
- Sitemap & robots.txt: Für bessere Suchmaschinen-Integration
- Structured Data: Schema.org Markup für EducationalApplication
- Meta-Tags: Optimierte Beschreibungen & Keywords für alle IHK-Fachrichtungen
- Lernkarten-System: 1.228 Karten für alle 27 Themen (optimiert für AP1)
- Safety-Fixes: Import-Validierung, Storage-Monitoring, Corrupt-Data-Protection
- Smart Focus 2.0: Intelligente Empfehlung (Gewicht + Fortschritt + Reps)
- Firefox-Fix: Lernkarten-Button jetzt in allen Browsern klickbar
- Modal: Full-Screen Design (Strategie-Modus + Freies Training)
- Optimiert: Pseudocode-Fragen, Diagramm-Fragen, Verständnis-Fragen
- AP1 Themen bereinigt (SQL, RAID, SAN, Rechtsformen entfernt)
- Prüfungs-Timer auf Herbst 2026 (30.09.) aktualisiert
- Kaufmännische Basics & Marktformen präzisiert
Das Projekt wird stetig optimiert. Aktueller Entwicklungsstand:
- In Arbeit: PWA-Unterstützung: Installation als App auf dem Homescreen/Desktop und 100% Offline-Fähigkeit via Service Worker.
- In Arbeit: Lernzettel & Skripte: Inkl. Fragen, Diagramme und Zusammenfassungen für alle AP1 Themen.
- Geplant: Druck-Ansicht: CSS-Optimierungen für den Ausdruck der Checklisten auf Papier.
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) lizenziert.