leene / emmet-typing-game Goto Github PK

User Story
Als ein Spieler möchte ich im Startbereich einen Button zu Spieleinstellungen nutzen können bevor dass Spiel beginnt, so dass ich diese anpassen kann.

Akzeptanzkriterien

• Button "Einstellungen" wird auf der Startseite angezeigt
• Button führt nach Klick zu einer Ansicht mit den Einstellungsoptionen des Spiels

Wireframe/Design

Akzeptanzkriterien:

• Reihenfolge der Styles nach Boxmodell
• Winner und GameOverDialog als eine Dialog-Komponente
• alle console.log() entfernen
• mit Array-Functions optimieren
• serviceWorker-Datei entfernen

User Story
Als Spieler möchte ich meinen Spielerfolg durch die Punkteanzahl (Score) nachvollziehen können, um meine Leistung zwischen Spielrunden vergleichen zukönnen.

Akzeptanzkriterien

• im Gameinterface oberhalb des In-game-Keyboards soll die Punkteanzahl angezeigt werden
• Die Punkte sollen bei jeder richtigen Eingabe hochzählen

User Story
Als User möchte ich den den Beispielcode dessen Emmet-Befehl gesucht wird angezeigt bekommen

Akzeptanzkriterien

• Es soll EINE Textbox mit Beispielcode angezeigt werden.
• Wenn diese erfolgreich erfüllt wurde, soll die nächste angezeigt werden.

User Story
Als ein Spieler möchte ich Emmet-Befehle aufgelistet sehen, so dass ich eine Übersicht davon habe.

Akzeptanzkriterien

• Liste von Emmetbefehlen soll angezeigt werden

Wireframe

User Story

Akzeptanzkriterien

Wireframe/Design

User Sory
Als ein Spieler möchte ich im Startbereich einen StartButton sehen, so dass ich das Spiel beginnen kann.

Akzeptanzkriterien

• Button "Start" soll im Startbereich angezeigt werden
• Bei Klick von Button "Start" soll Spiel starten

Wireframe/Design

User Story
Als Spieler möchte ich Buchstaben oder Wörter mit der Ingame-Tastatur eingeben können.

Akzeptanzkriterien:

• Es sollen mit den mittleren Buttons alle nötigen Buchstaben und Wörter eingegeben werden können, die für die vollständige Eingabe des gesuchten Emmetbefehls nötig sind.

User Story
Als Spieler möchte ich sehen was ich eintippe.

Akzeptanzkriterien

• in jeder Textbox soll es im Unteren Bereich eine Textausgabe der getippten Zeichen geben

User Story
Als Spieler möchte ich in der Mobile Version eine spieleigene Tastatur angezeigt bekommen, um das Spiel zu steuern.

Akzeptanzkriterien
Tastaturlayout mit allen programmierrelevanten Sonderzeichen auf erster Ebene. Soll nach Spielstart unten im Spielfeld angezeigt werden.

Wireframe/Design

User Story
Als ein Spieler möchte ich im Startbereich einen Button "Spielregeln" nutzen können bevor dass Spiel beginnt, so dass ich diese einsehen kann.

Akzeptanzkriterien

• Button "Spielregeln" wird auf der Startseite angezeigt
• Button führt nach Klick zu einer Ansicht mit aufgelisteten Spielregeln

Wireframe/Design

User Story

Akzeptanzkriterien

• Winner-/GameOverDialog.js mit Dialog.js ersetzen

Wireframe/Design

User Story
Als ein Spieler möchte ich einen Startbereich bevor dass Spiel beginnt, so dass ich mich orientiern kann.

Akzeptanzkriterien

• Bei Aufruf der Seite wird ein Startbereich angezeigt
• Dort befinden sich Buttons für den Spielstart und ggf. für Spieloptionen und Spielregeln.

Wireframe/Design

User Story
Als User möchte ich meine Punktestände später nachlesen können.

Akzeptanzkriterien

• Highscore soll imStartbereich sichtbar sein
• Top 20 mit Datum und ggf. Tageszeit
• (useEffekt, localStorage, Firebase)

Wireframe/Design

User Story
Als Spieler möchte ich wissen wann ich mich durch falsche Eingaben dem Spielende nähere.

Akzeptanzkriterien

• Es gibt eine Lebensanzeige mit drei Leben als Startwert oberhalb des In-Game-Keyboards
• Wenn die 4. Falscheingabe nacheinander erfolgt wird ein Lebensymbol abgezogen
• Wenn das letzte Lebenssymbol verschwunden ist, ist das Spiel beendet.

User Story
Als Spieler möchte ich das Spiel mit dem Hardware Keyboard meines Rechners steuern können.

Akzeptanzkriterien

• Keyboardtastenbewirken befüllen des TextAreas
• Frontend für Tablet und PC optimiert (Media Queries)

Wireframe/Design

User Story
Als Spieler möchte ich, dass das Spiel beendet werden kann.

Akzeptanzkriterien

• Wenn man auf Home klickt soll eine modale Abfrage erscheinen, ob man beenden möchte, die bei:
• • "Ja" -> Das Spiel beendet und den Startbereich anzeigt
• • "Nein" -> zum aktuellen Spielgeschehen zurückkehrt
• Wenn das letzte Lebenssymbol verschwunden ist, ist das Spiel beendet

User Story

Akzeptanzkriterien

Wireframe/Design