Projekt - Hangman (das Spiel)

Errate das Wort - 8 falsche Buchstaben und du hast verloren

Dies ist der Spielbildschirm des Hangman-Spiels. Oben wird die Kategorie angezeigt, in diesem Fall "Länder". In der Mitte befinden sich gefüllte Felder für die erratenen und leere Felder für die nicht erratenen Buchstaben. Unten ist eine Tastatur zu sehen, auf der einige Buchstaben ausgegraut sind.

Wie die App funktioniert

Der Spieler kann aus sechs Kategorien auswählen, darunter TV-Sendungen und Hauptstädte. Anschließend wird zufällig ein Wort aus der ausgewählten Kategorie ausgewählt, das geraten werden muss.

Der Spieler darf so lange raten, bis er achtmal falsch gelegen hat. Nach dem achten Fehler hat er verloren. Wird ein richtiger Buchstabe geraten, werden alle Zeichen des gesuchten Wortes angezeigt, die mit diesem Buchstaben beginnen. Wird jedoch ein falscher Buchstabe geraten, wird dieser auf der Tastatur ausgegraut.

Während des Spiels kann man es vorzeitig beenden oder die Kategorie wechseln. Ist ein Spiel beendet, kann es mit derselben Kategorie wiederholt werden. Es gibt eine Menge Wörter zum Raten, also mache dir keine Sorgen, dass es langweilig wird.

Genutzte Technologien

Mobile-first

React

CSS3

JSON

Responsive Design

Was ich gelernt habe

Dies war eines der ersten Projekte, die ich mit React umgesetzt habe. Ich habe viel über das Management von Zuständen gelernt und wann man useState benutzen sollte und wann nicht. Außerdem habe ich einiges über Effekte in React gelernt. Zudem hat sich mein Wissen über barrierefreie Websites durch das Projekt verbessert.

Weiter- Entwicklung

Mit diesem Projekt möchte ich in Zukunft einen perfekten Lighthouse-Score erreichen. Außerdem möchte ich das Design optimieren.

Tic Tac Toe (das Spiel)