Fwd: Monthy Hall

[tickbot]

Mail Metadata

From: "Alexander Sept | byqurity.dev GmbH" alexander.sept@byqurity.dev To: as@temp.byqurity.dev Date: 2025-10-13T13:43:54.000Z
Message-ID: 6D369DCC-49FE-4D34-8573-6657C0ED0BDB@byqurity.dev

Monty Hall App: Asset-Uniformität, Tür-Buttons und erweiterte Statistiken

Hintergrund

Die bisherigen Vorschläge zielen darauf ab, visuelle Konsistenz zu erhöhen, das Button-Design realistisch an Türen anzulehnen und zusätzliche Nutzungsstatistiken zu erfassen. Umsetzungsvorschläge und Akzeptanzkriterien sind unten kompakt aufgeführt.

Vorschläge (konkrete Aufgaben)

Asset-Upgrade: visuelle Konsistenz

• Alle Bilder durch SVG-Icons im einheitlichen Icon-Stil ersetzen
  • Quelldateien: z. B. src/assets/icons/ oder src/assets/images/
  • Verweise in UI entsprechend aktualisieren; JPEG/PNG entfernen oder abstellen
  • Farbpalette konsistent an Theme anpassen
• Accessibility: alternative Texte (alt) und aria-labels für alle Icons hinzufügen
• Beispiel-Icon-Satz bereitstellen (z. B. doors.svg, monty-icon.svg, info.svg) und Preview-Dateien aktualisieren

UI-Design: Tür-ähnliche Buttons

• Button-Component so anpassen oder neu hinzufügen, dass er wie eine Tür wirkt
  • Form/Shape: obere Kante wie eine Tür, ggf. Griffe/Hinge-Ästhetik
  • Hover/Fokus-Zustände: deutlich sichtbar, barrierefrei
  • Responsivität: gleiches Layout auf Desktop, Tablet, Mobile
• Tokens/Styles aktualisieren (Farben, Schatten, Radius), konsistent mit Theme
• Barrierefreiheit sicherstellen (keyboard navigation, aria-labels)

Statistik-Erweiterung

• Mindestens 3 neue Metriken visualisieren (Frontend-Charts)
  • Verteilung der Tür-Wahl pro Spielrunde
  • Gewinn-Rate je Strategie (Wechseln vs. Bleiben)
  • Durchschnittliche Spieldauer pro Runde oder Interaktionszeit
• Datenquelle implementieren/erweitern (API-Endpunkte oder Mock-Daten)
• Diagramm-Komponenten integrieren (z. B. aktualisierte Chart-Section im Dashboard)
• Dokumentation der neuen Metriken aktualisieren

Akzeptanzkriterien

• Alle visuellen Assets sind SVGs im einheitlichen Icon-Stil; JPEG/PNG entfernt oder nicht mehr referenziert
• Türen-Buttons sind in der Hauptnavigation/Interaktionen sichtbar, konsistent gestylt und barrierefrei (ARIA+Keyboard)
• Mindestens 3 neue Statistik-Diagramme werden angezeigt und laufen mit realistischen oder Mock-Daten
• Datenquellen/Endpunkte für Statistiken sind spezifiziert oder implementiert; Frontend-Chart-Komponenten rendern korrekt
• Änderungen sind dokumentiert (Changelog/PR-Body) und widersprechen kein existierenden Stil-Richtlinien

Hinweise

• Zuständigkeiten und Zeitrahmen können im Team festgelegt werden.
• Falls Backend-Anpassungen nötig sind, bitte frühzeitig koordinieren (API-Contract prüfen).