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:37:30.000Z
Message-ID: BE7968DB-DEA4-4943-B20A-FB9FD0318736@byqurity.dev

Monthy Hall App – Visuals, Tür-Buttons & Statistik-Erweiterung

Problem

• Bilder der Ziege/Auto sind uneinheitlich und von geringer Qualität (JPEGs statt konsistenter Visuals).

Vorgeschlagene Änderungen

• Visuals: Alle Assets durch einheitliche SVG-Icons ersetzen (Icon-Stil, konsistente Linienführung).
• Button-Styling: Buttons so gestalten, dass sie wie Türen aussehen (3D-Optik, Monty-Hall-Theme), inkl. Hover/Active-Zuständen.
• Statistik: Zusätzliche Kennzahlen erfassen und im Dashboard anzeigen.

Vorgehen / Tasks

• Audit aller UI-Assets; alle JPEGs entfernen und durch SVG-Icons ersetzen.
• Asset-Loader/Asset-Pipeline aktualisieren, um SVGs konsistent zu verwenden.
• CSS/UI-Komponenten so anpassen, dass Buttons wie Türen aussehen (inkl. Scharnierwirkung, Türöffnungseffekt).
• Accessibility-Hinweise beachten (ARIA-Labels, Tastaturnavigation, Kontrast).
• Statistik-Tracking implementieren (siehe Akzeptanzkriterien).
• Dashboard um 3+ neue Kennzahlen erweitern und darzustellen:
  • Gesamtanzahl gespielter Runden.
  • Gewinnrate pro Tür.
  • Durchschnittliche Zeit bis zur Enthüllung/Aufdeckung.
• Frontend-Chart-Updates durchführen (neue Kennzahlen in bestehenden Chart-Typen darstellen).
• Tests/Qualitätssicherung:
  • UI-Tests für Asset-Ladepfade und Tür-Buttons.
  • Tests für neue Statistik-Datenpfade.
• Dokumentation aktualisieren (Asset-Guidelines, Design-Entscheidungen).

Akzeptanzkriterien

• Alle UI-Assets sind SVGs mit konsistentem Stil; keine JPEGs mehr im UI verwendet.
• Tür-Buttons erscheinen in der App als Türen, funktionieren auf Maus/Touch/Kennis/Tastatur und sind barrierefrei.
• Dashboard zeigt mindestens 3 neue Metriken:
  • Gesamtspiele
  • Gewinnrate pro Tür
  • Durchschnittliche Enthüllungszeit
• Datenerfassung implementiert, die privacy-conscious ist, und die neuen Metriken werden in der UI korrekt angezeigt.
• Smoke-/UI-Tests bestehen; UI bleibt layoutstabil über verschiedene Bildschirmgrößen hinweg.
• Dokumentation aktualisiert (Asset-Richtlinien, Design-Entscheidungen).