product tour

Built around
the room.

UnoPlay keeps joining, sharing, profiles, download handoff and the game table in one consistent flow.

Room visibility

Choose Private for code-only access or Public to add the room to Discover.

Room identity

Seven-character codes avoid ambiguous letters and numbers and map to clean room URLs.

Profile system

Hosts and guests choose from the avatar set carried over from the reference project's profile experience.

Join gate

The guest flow separates name entry, room checking, inviter confirmation, joining and desktop handoff.

Desktop prompt

After joining, guests can download UnoPlay for Windows or choose Maybe later to stay in the browser.

Audio layer

UI, typing, joins, cards, UNO and downloads each have their own sound cue plus an optional original theme loop.

Social metadata

Canonical URLs, Open Graph, Twitter card metadata, favicon, manifest and structured site data are included.

Static deployment

No npm runtime is needed. Apache rewrite rules handle clean room links once uploaded to Hostinger.

Public-room migration path

Room state is kept separate from the interface so player presence, chat and table controls stay consistent across the experience.

02ROOM ENGINE

What happens behind every room.

The interface exposes the important state instead of hiding it: presence, capacity, invite identity, room network status, chat time and host controls.

01

Host lifecycle

The person creating the room owns the Start Game control. The button stays hidden until a second player joins, then becomes available only to the host.

Minimum 2 connected players
Host-only Start Game control
Room capacity shown live
Started state shared with guests
02

Cross-device room links

Room links connect guests directly to the host session. A guest opening unoplay.me/room/8G340F2 can receive the room state, join with a profile and send chat messages while the host keeps the room open.

Guest room probe
Live member updates
Live chat synchronization
Host must keep the room page open
03

Profiles and color identity

Each avatar has a matching accent color. The same accent follows the player through the member list and table seats so names are easier to track during a crowded round.

17 profile choices
Per-profile accent color
Seat glow identity
Consistent member styling
04

Interaction audio

Pointer interactions trigger subtle click feedback and typing inside form fields triggers short keyboard sounds. Room creation, joins, cards, draws, UNO calls, downloads and success states each use a separate sound.

Global pointer feedback
Keyboard typing feedback
Card and draw cues
Optional theme music
05

Public Discover

Real public rooms created in this browser are listed separately from public tables. Public counts animate to dense casino-style directory layouts with open and password-protected access states.

Open and locked room states
Password-protected public room flow
Thinking and failure states
Download handoff