Case study / Interactive Event App
SG GovTech Logo Launch App
A real-time launch experience for SG GovTech's new logo reveal, syncing operator controls, event screens, and celebratory animation through a focused Next.js app and MQTT messaging.
The story
Role Timeline
Full-Stack Event App Developer
Sep 2025 - Sep 2025
Built the live launch app, wait mode, operator-controlled launch mode, reveal animation, and MQTT synchronization with the event screen.
Snapshot
Built an interactive event application for SG GovTech's new logo launch, where timing, screen state, and celebratory animation had to feel instant and reliable during a live ceremony.
What I owned
- Implemented wait-screen mode for pre-launch ambience and operator readiness.
- Built launch mode with a controlled button flow and "boom" reveal animation for the key ceremony moment.
- Synchronized the app with the main event screen through MQTT so the operator action and audience display stayed aligned.
- Built the post-launch page state to complete the reveal journey cleanly.
- Focused the interface around live-event reliability: simple controls, obvious states, and minimal ways to fail under pressure.
Why it matters
This is the kind of work where details matter because there is no second take. It shows ability to build real-time UI, event operator tooling, and production-ready interaction design under a tight launch context.
Stack highlights
Next.js, TypeScript, Tailwind CSS, Shadcn, MQTT, Redis, REST API, SPA architecture, and event-screen synchronization.