User Workflows

Room Management

Creation

GM: Create a new room

1. GM clicks "Create Room" in sidebar
2. GM enters room name
3. GM clicks "Create"
4. App creates room
5. App navigates to "Room" screen

GM: Invite players room via Room screen

1. GM navigates to "Room" screen which shows
   • Room code
   • Share link via social/QR code
2. GM shares the room code

GM: Invite players room via sidebar

1. GM opens sidebar
2. Sidebar contains
   • Room code
   • Share via social button
   • Show QR code button
3. GM shares the room code

Joining

Player: Join via room code (verbal invitation)

1. GM tells other players the room code
2. Player clicks "Join Room" in sidebar
3. App opens "Join Room" screen
4. Player types in room code
5. Player types in their name
6. Player clicks "Join"
7. App joins the player to the room and notifies GM

Error case: mis-typed room code

1. Player enters invalid room code
2. App shows "Room not found" error
3. App focuses input on the room code
4. Player re-types the room code

Player: Join via share link

1. GM clicks "Share invite link"
2. GM shares the invite link (Messenger, QR code, etc.)
3. Player opens the link
4. App opens "Join Room" screen with room code prefilled
5. Player enters their name
6. Player clicks "Join"
7. App joins the player to the room and notifies GM

Deleting

GM: Delete room

1. GM navigates to "Room" screen
2. GM clicks "Delete Room"
3. App prompts for confirmation
4. GM clicks "Delete"
5. App notifies all players the room has been deleted
6. App deletes room