UI can interact with the server and be able to send commands and receive game updates.

• Browser (Typescript / Javascript)
• client (python client, to complete the previous work)

Description

Allow players to join the game using a display name and room id.

Use protobuf streaming to realize bidirectional communication between server & client.
(REST API is good for the client to server request model, but not server to client push.)

Acceptance criteria:

client & server can realize bidirectional communication. The server can push message to the clients when some event triggered. A client can send information to the server to update the game state.

Front-end will be able to communicate with backend using grpc (server streaming) for real-time game state update, and the client will be able to use grpc service to send user commands to the server.

Requirement

1. server streaming
2. client able to send a request to server

As a User, I want to be able to play the werewolves with my friend instantly without login.

Functional requirements

1. I need a UI so the user is able to interact with the game by (click/touch). (#5 )

2. This game is a multi-player game, I will need a communication mechanism between client and server to pass players' commands. (#2 )

3. I will need to be able to identify players after I receive their request and be able to validate the requests. (#3 )

4. I will need to run many games independently at the same time to support more players.

5. I will need to be able to start the game, play game and end game. (#4 )

To allow users to be able to play the game very easily, no login will be enforced.

Instead, the user can enter a temp name and get a temp 4(6) digit code to identify their identities and the game they joined. Their identities can remain in the system for several hours(?). After the time expires, the information will be deleted in the system.

Acceptance Criteria

1. Be able to identify the user and the game user joined/created using the user name & 6 digit code

2. The server will delete the user info after time expires or user click leave site

Build UI component so the user can login, create/join game

This function can be implemented with the redux package

Expected result:

• User will be able to navigate the app

Description

The player is able to use a display name to create a room and get a room id.

• UI allows the players to do this
• frontend app

I will need to be able to:

• initialize the game: basic game setting such as the timer, and game characters
• Update the game state: evolve the game state base on the player's input
• pause the game: allow a player to pause the game and resume later
• end the game: allow players to end the game immediately.

The game engine will also have game logic that will evolve and change the game state base on the player's input.