mindflux/CHANGELOG.md

Changelog

Alle nennenswerten Änderungen an Mindflux werden hier dokumentiert. Format angelehnt an Keep a Changelog, Versionierung semantisch.

[Unreleased] – 2026-06-29

Inhaltlicher und optischer Feinschliff: echte Rechtstexte, vollständig überarbeitete FinalFlux-Inhalte, neue Login-Optik, eine reparierte Konto-Löschung sowie ein app-weiter Farb-Relaunch auf das „Back to the Future"-Schema.

Hinzugefügt

• Rechtsseiten: Impressum-Platzhalter (Hinweis „in Entwicklung / nicht für die öffentliche Nutzung") sowie echte Nutzungsbedingungen/AGB, Datenschutzerklärung (DSGVO-konform, spiegelt die tatsächlich verarbeiteten Daten) und Community-/Nutzungsrichtlinien. Neuer LegalController (/nutzungsbedingungen, /datenschutz, /richtlinien) + ImpressumController; alle Footer-Links app-weit verdrahtet.
• Kombinierte Login/Registrierung: Dual-Panel mit überschiebendem Overlay (Sign-in ↔ „Account erstellen") und Neon-Button mit Hover-Expand und rotierendem Conic-Glow; ausgelagert nach static/css/auth.css. Responsiver Fallback (gestapelt) auf schmalen Screens.
• FinalFlux – Netzwerktopologien: fünf theme-adaptive Inline-SVG-Diagramme (Stern, Bus, Ring, Mesh, Baum) in den Erklärungen.

Geändert

• FinalFlux-Inhalte komplett überarbeitet (28 Themen, ~742 Fragen): die generischen Dummy-Falschantworten („nur Dekoration", „zufälliger Begriff" …) durch plausible, themennahe Distraktoren ersetzt, jede Frage mit echter Begründung und variierender Antwortposition. Jede Themenseite hat jetzt echten Lehrtext (Definitionen, Funktionsweise, Rechenbeispiele, Merksätze) statt des bisherigen Stubs.
• App-weiter Farb-Relaunch auf „Back to the Future"-Palette: Primär Feuer-Amber (#f0a81a) + Gelb-Glow, Flux-Blau (#2d9cce) als Zweitakzent (u. a. Links); warmer Bernstein-Glow statt Matrix-Grün. Dark/Light bleiben (sehr dunkler/sehr heller Grund). Zentral über theme.css-Tokens; Legacy-Cyan in style.css auf Theme-Variablen umgestellt.
• Spiele-Feedback ohne Grün: richtig = Flux-Blau + ✓, falsch = Rot + ✗ in FinalFlux, MindMatch und TechTacular (löst den fehlenden Kontrast von „grün auf grün"); neue Tokens --success, --danger, --secondary.
• Registrierungs-Duplikat leitet auf /?registerError (kombinierte Seite öffnet automatisch das Signup-Panel).
• Vollständig responsive / mobiltauglich: Auf schmalen Screens wird die App-Sidebar nicht mehr ausgeblendet (vorher fehlte die Navigation komplett), sondern zu einer Off-Canvas-Schublade mit Hamburger-Button + Backdrop (global via theme.js injiziert, Styles in theme.css). Topbar stapelt/umbricht (dekorativer Puls + Suche ausgeblendet), Spielkarten-Grid 3→2→1, breite Tabellen horizontal scrollbar. Spiele, FinalFlux und Login/Registrierung waren bereits responsiv.

Behoben

• Konto-Löschung repariert: „Profil löschen" warf einen 500er (fehlendes @Transactional bei einer abgeleiteten Delete-Query) und löschte nichts. Jetzt werden Konto plus Spielstände, Achievements und Profilbild-Datei in einer Transaktion entfernt — erfüllt die in der Datenschutzerklärung zugesicherte Löschung (Art. 17 DSGVO).
• Impressum-„Zurück"-Link loggte eingeloggte Nutzer scheinbar aus; jetzt login-abhängig (eingeloggt → Dashboard, sonst → Startseite). Gleiche Logik auf den Rechtsseiten.

Sicherheit

• Neue Rechtsseiten öffentlich erreichbar (permitAll für /impressum, /nutzungsbedingungen, /datenschutz, /richtlinien).

Hinweise

• Footer-Links Support und Feedback sind weiterhin Platzhalter (href="#").
• Die Rechtstexte sind inhaltlich vollständig, aber KI-erstellt — vor einem öffentlichen Launch fachlich/juristisch prüfen (insb. konkrete Anbieteranschrift im Impressum).
• Vier ungenutzte Alt-CSS-Dateien (progress/settings/achievements/soziales.css, keine Referenzen) blieben vorerst liegen.

[Unreleased] – 2026-06-25

Großer Ausbau: zwei vollständige Spiele, durchgängig DB-gestützte und admin-pflegbare Inhalte sowie ein kompletter Optik-Relaunch (Theme-System mit Dark/Light-Umschaltung).

Hinzugefügt

Spiel: MindMatch (Lern-Memory)

• Memory-Spiel, das Begriff ↔ Bedeutung paart (klassische Aufdeck-Mechanik mit Lernwert).
• Deck-Auswahl, Zug-/Zeitzähler, Sternebewertung und „Spiel abbrechen".
• No-Scroll-Layout: alle Karten einer Runde passen ohne Scrollen auf den Schirm (Brett skaliert die Karten).
• Kartenrückseiten tragen das leuchtende Mindflux-Emblem (grün/magenta je Theme).
• Inhalte DB-gestützt und im Admin pflegbar (/admin/mindmatch): Decks und Paare jederzeit erweiterbar.
• Mitgelieferte Decks: Netzwerk, Hardware, IT-Sicherheit, SQL-Befehle sowie ein großer Fachinformatiker-Satz (15 Decks insgesamt).

Spiel: TechTacular (Jeopardy-Quiz)

• Echtes Jeopardy-Prinzip (umgekehrt): angezeigt wird eine Aussage, gesucht ist der Begriff als „Was ist …?".
• 5×5-Board (Kategorie × Punktwert 100–500), Antwortprüfung mit Erklärung.
• Server-autoritativ & Anti-Cheat: das Board enthält nie die Lösung; Prüfung und Wertung passieren ausschließlich serverseitig.
• ≥ 60 % neue Fragen pro Runde: das Board schließt die Fragen der Vorrunde aus.
• Kuratierter Inhalt: 12 Kategorien über das ganze Informatik-Prüfungsspektrum (Netzwerk, Betriebssysteme, Programmierung, Datenstrukturen & Algorithmen, Datenbanken/SQL, IT-Sicherheit & Krypto, Web, Rechnerarchitektur, Software-Engineering, Theoretische Informatik, Cloud/DevOps, IT-Recht), 384 Hinweise.
• Admin-Verwaltung als Drill-down (/admin/techtacular).

Generisches Spiel-Backend

• Tabelle game_scores + GameScoreService/GameScoreController mit POST /api/games/{game}/scores und GET /api/games/{game}/stats für alle Spiele.
• /progress zeigt echte Spiel-Statistiken (Highscore, Spiele, zuletzt gespielt).

Optik-Relaunch / Theme-System

• Zentrale Tokens in theme.css + Umschalter theme.js, gesteuert über <html data-theme="dark|light"> (Persistenz via localStorage, kein Aufblitzen).
• Dark = Grün-Neon, Light = heller Grund + Magenta (bewusst invertiert).
• Wiederverwendbare mf--Komponenten (Shell/Sidebar/Topbar, HUD-Karten, Panels, Buttons, Formulare, Tabellen, Footer …).
• Dashboard im „Cyber-Grid"-Look neu: linke Sidebar (Nav, Profil, Level/XP, Streak), Mitte mit HUD-Spielkarten, rechte Widget-Spalte (System-Status, Fortschritt, Top-Kategorien, Challenge), Top-Leiste mit Suche/Glocke/Theme-Schalter.
• Original-Mindflux-Logo per CSS-Maske theme-abhängig eingefärbt (/img/mindflux-emblem.png).
• Theme + Umschalter app-weit ausgerollt: Login/Registrierung, beide Spiele, Profil/Fortschritt/Achievements/Einstellungen/Soziales/Knowledge, alle Admin-Seiten, FinalFlux-Hub und 28 statische Lernseiten.
• Fußzeile (Support · Feedback · Nutzungsbedingungen · Richtlinien · Datenschutz · Impressum) als .mf-footer-Komponente, einheitlich auf allen Content-Seiten.

Geändert

• ProgressService liefert echte DB-Daten statt der bisherigen Dummy-Spiele.
• Admin-Bootstrap-User auf AliceDarkest umbenannt (vorher „Alice Darkest" mit Leerzeichen); zusätzlicher Admin KevCipher angelegt.

Sicherheit

• Statische JS-Ressourcen (/js/**) wie CSS/Bilder öffentlich (permitAll) — kein schützenswerter Inhalt.
• Score-Endpunkte gegen eine Allowlist bekannter Spiele abgesichert; Punkte werden serverseitig berechnet (kein vom Client gemeldeter Score).

Technisch

• Flyway-Migrationen V2–V6: game_scores (V2), MindMatch-Decks/-Paare (V3) + Fachinformatiker-Inhalte (V4), TechTacular-Schema (V5) + kuratierte Reverse-Inhalte (V6).
• Inhalts-Import für TechTacular über einen CommandLineRunner-Seeder aus techtacular/content.json.
• Hinweis (Thymeleaf): Inline-<script> mit [[/]] benötigt th:inline="none", sonst bricht die Antwort ab.

Hinweise

• Footer-Links sind aktuell Platzhalter (href="#"); echte Impressum-/AGB-/Datenschutz-Seiten existieren noch nicht.
• Die fünf übrigen Dashboard-Spiele (Syntax Saga, Code Escape Room, Service Clash, Bug Hunter, Netzwerker) sind noch nicht umgesetzt und verweisen auf „coming soon".

---

Frühere Stände (Grundgerüst der Lernplattform: Benutzer/Login, Profil, Achievements, FinalFlux, Admin) wurden vor Einführung dieses Changelogs entwickelt.