Maliban Explore Island
Maliban Explore Island is a high-concurrency, mobile-first event activation platform designed to power an interactive five-stall exhibition trail for the ProFood ProPack event at BMICH. The platform replaces traditional offline marketing activations with a connected digital journey where visitors scan secure physical QR codes, complete custom-engineered mini-games matching each brand’s identity, and enter live hourly draws broadcasted on a giant exhibition screen.
🌟 Key Features:
Multi-Language Support (EN & SI): A seamless English and Sinhala toggle built into the interface to ensure accessibility for a wide visitor demographic.
Interactive Trail Map: A dynamic cloud-covered map that updates in real-time as players physically explore the venue and scan QR codes.
5 Custom Brand Mini-Games: Includes Biscuit Trivia Tap (quiz), Perfect Brew (timing/precision pour), Shake It Up (motion/gyroscope shake), Choco Memory (memory matching), and Goodness Match (nutrition puzzle).
Robust Real-Time TV Feed: Public display dashboard showing live participant metrics, a 3D floor map of the exhibition, and a winner ticker broadcasted in the hall.
Secure OTP Registration: Verification of players via phone number using an integrated Text.lk SMS gateway with custom OTP throttling.
Durable Game Progress: State is saved server-side, ensuring users lose no progress if they refresh the page, close their browser, or change devices.
Role-Based Admin Dashboards: Complete administrative control over campaigns, schedules, draws, winner exports, and SMS retries with custom RBAC roles.
🛠️ Technologies Used:
React 19
Next.js 15 (App Router)
Tailwind CSS
Zustand
TanStack React Query v5
Framer Motion
Node.js
NestJS 11
Prisma v6
PostgreSQL 16
Server-Sent Events (SSE)
Text.lk SMS API
DigitalOcean Spaces (S3 CDN)
Node Crypto API
📦 Highlights:
• Real-Time Exhibition TV Display
• Gyroscope & Motion Sensor Mobile Integration
• Server-Side Anti-Cheat Game Validation
• PostgreSQL Transaction Advisory Locks for Draws
• Multi-Language Accessibility (EN/SI)
• 124 Integration & Unit Tests
• Robust Under Unreliable Venue Wi-Fi (SSE)
• 521 Registrations & 231 Completed Trails
🔖 Skills:
Fullstack Web Development
Event Technology (EventTech)
Interactive Game Development
Real-Time Communication (SSE)
Database Lock Management
Next.js Development
NestJS Development
PostgreSQL & Prisma ORM
Mobile Motion & Gyroscope API
Secure OTP Authentication
Localization & Internationalization (i18n)
🔗 Project Link:
