Monthy Hall frontend

[tickbot]

Monty Hall Frontend – Interaktive Demo

Beschreibung

Implementiere eine kurze, interaktive Demo des Monty-Hall-Problems. Der Benutzer wählt eine Tür (A/B/C). Danach öffnet Monty eine andere Tür mit einer Ziege. Der Benutzer kann entscheiden, ob er wechseln oder bleiben möchte. Am Ende wird das Ergebnis plus eine kurze Begründung der Wahrscheinlichkeiten angezeigt.

Akzeptanzkriterien

• 3 klickbare Türen (A, B, C) werden grafisch dargestellt
• Nach der Erstwahl öffnet Monty eine Tür mit einer Ziege, die gewählte Tür bleibt verdeckt
• Benutzer kann zwischen Wechseln oder Bleiben wählen
• Nach Bestätigung wird Gewinn/Verlust angezeigt inkl. kurzer Erklärungen zur Wahrscheinlichkeit (2/3 beim Wechsel, 1/3 beim Bleiben)
• Möglichkeit zum Neustart der Runde (Replay)
• Responsives Design (Desktop & Mobile)
• Grundlegende Tests vorhanden (Logik der Monty-Öffnung, Endergebnis)

To-Do / Aufgaben

• Projektsetup (Framework frei; z.B. React oder Vanilla JS)
• Door-Komponenten implementieren
• Monty-Logik: sichere Tür öffnen, verdeckte Wahl beachten
• UI-Panel für Wechsel/Bleiben-Option
• Ergebnisanzeige und kurze Wahrscheinlichkeits-Erklärung
• Replay-Funktion
• Styling & einfache Animationen
• Unit/Integrationstests für Logik und UI

Hinweise

• Türen: A, B, C
• Ziel: klare, edukative UX mit leichter Verständlichkeit der Wahrscheinlichkeiten

Anhänge:

Bild: Screenshot 2025-10-06 at 13.27.33.png (image/png)