Web game
Join the room. Answer fast. Compete together.
- Role
- Developer
- Status
- Built
- Stack
- Next.js / Ably / Redis / Netlify Edge
Turning game rules into a shared experience.
A real-time multiplayer trivia game. Ably syncs events and presence between players, Redis holds rooms and scores, and answers are validated on a Netlify Edge path.
- Real-time multiplayer rooms
- Presence and event syncing through Ably
- Room and score storage in Redis
- Edge-validated answers
From player input to shared state.
Client
Game client
Runs in the browser
Realtime & edge
Ably
Events and presence
Netlify Edge
Answer validation
Data
Redis
Rooms, questions and scores
From answer to shared score.
- 1
Join a room
Players enter a room code, and room state is kept in Redis.
- 2
Play a timed round
Round events and presence are shared with players through Ably channels.
- 3
Submit an answer
The answer is sent for validation rather than judged in the browser.
- 4
Validate on the server
A Netlify Edge Function validates the answer in production, with an API route as fallback.
- 5
Broadcast the score
A correct answer updates the score in Redis and the change is sent to every player.
Decisions that shaped it.
01
Realtime channels for sync
Ably channels and presence keep each player's view of the room in step.
02
Server-side answer checks
Answers are validated on the server, so the client never decides the score.
03
Redis as shared state
Room metadata, questions and scores live in one store, with TTL-based room expiry.
Screens.
Want to know more?
Next project
Developer Portfolio
Personal portfolio website