Global Payment Network · Internal Events · 2025

Reaction Pad

A modern take on the Batak reaction-tap challenge, built for the internal events of a major global payment network. Targets light up across a 4K portrait screen, players tap them as fast as they can, scores hit a live leaderboard, and a local sync server keeps the kiosk usable even when venue wifi can't be trusted.

ClientGlobal Payment Network · Internal Events
Year2025
DisciplineReaction-Tap Game · 4K Portrait Kiosk · Live Leaderboard
4K PORTRAIT · BATAK · LOCAL SYNCCORPORATE EVENTREACTION PAD4206s LEFT4K PORTRAIT KIOSK3-SERVICE ARCHITECTUREKIOSK · GAMENUXT · PWA · SUPABASELOCAL SYNCEXECA · LOCAL IPWEB BACKENDNUXT · S3 · SUPABASECLOUD SUPABASEOFFLINE TOLERANT · WIFI DROP OKADOBE XDJWTOBSCENITY FILTERLIVE LEADERBOARD01RIA M6802LIAM6403JJ5904AISHA5405DEV5206SAM4807ELI44SECOND SCREENREACTION · LIGHTS · TIMER · BOARDPROJECT · REACTION PAD26
About this project

The brief, the build, and the result.

Reaction Pad is a digital reinterpretation of the classic Batak reaction-tap challenge Remiam built in 2025 for the internal events of a major global payment network. A 4K portrait touchscreen runs the player-facing game — targets light up across the panel, players tap them as fast as they can in a fixed window, hit-rates and reaction times feed a live leaderboard shown on a second screen. Under the hood it's a three-service system: a Nuxt 3 + Supabase + PWA game app on the kiosk (kioskboard for on-screen entry, JWT auth, obscenity filter on entered names), a local-sync server (Nuxt 3 + Supabase + execa) that runs on a small box at the venue to keep the kiosk online and queue uploads even when wifi drops, and a Nuxt 3 + Supabase + AWS S3 web backend for the cloud-side leaderboard and admin. Adobe XD design across every screen so the look matched the event brand on the day.

Highlights
  1. 01Reaction-tap challenge on a 4K portrait touchscreen
  2. 02Light-up targets across the panel, fixed-window timed runs
  3. 03Live leaderboard streamed to a second screen at the event
  4. 04Three-service architecture — kiosk game · local sync · cloud backend
  5. 05Local sync server keeps the kiosk usable through wifi drops
  6. 06JWT auth + on-screen keyboard via kioskboard
  7. 07Obscenity filter on visitor-entered names
  8. 08PWA build for kiosk installation
  9. 09Adobe XD design across every screen, re-skinnable per event
  10. 10Used at internal events of a global payment network

Build something like this with Remiam.