Logo
screenshot of hangman game

Hangman Game

next.jsreactstorybooktailwindcsstypescript

Einführung

Dieses Projekt ist eine moderne Version des klassischen Galgenmännchen-Spiels, das dein Vokabular unter Druck testet. Es wurde im Rahmen meiner Reise durch Frontend Mentor Challenges entwickelt und demonstriert meine Fähigkeit, Konzepte in interaktive Web-Erlebnisse umzusetzen.

Anforderungen

Benutzer*innen sollten in der Lage sein:

  • Über das Hauptmenü zu erfahren, wie Galgenmännchen gespielt wird.
  • Ein Spiel zu starten und eine Kategorie auszuwählen.
  • Galgenmännchen mit einem zufällig ausgewählten Wort aus dieser Kategorie zu spielen.
  • Ihren aktuellen Gesundheitszustand zu sehen, der sich bei jedem falsch geratenen Buchstaben verringert.
  • Das Spiel zu gewinnen, wenn sie das ganze Wort erraten.
  • Das Spiel zu verlieren, wenn sie acht falsche Buchstaben raten.
  • Das Spiel zu pausieren und sich dafür zu entscheiden, weiterzuspielen, eine neue Kategorie auszuwählen oder zu beenden.
  • Das optimale Layout der Benutzeroberfläche entsprechend der Bildschirmgröße ihres Geräts zu sehen.
  • Hover- und Fokuszustände für alle interaktiven Elemente auf der Seite zu sehen.
  • Das gesamte Spiel nur mit der Tastatur bedienen zu können.

Gebaut mit

Code-Qualität mit

Implementierungszeit

Diese Challenge wurde in einem Zeitraum von 12 Stunden abgeschlossen.