Executive Summary
An open-source digital 'Perya' (Philippine Carnival) engagement platform engineered with Vue 3 and Tailwind CSS v4 for offline-capable event booths, startup giveaways, and community raffles with zero login friction.
"Overcame the challenge of creating engaging, low-friction interactive booth activities during tech exhibitions and campus events by replacing manual raffle setups and spotty venue Wi-Fi with an offline-first, instant-utility PWA."
Cloud Architecture & System Design
Modular component architecture built with Vue 3.5 Composition API and Tailwind CSS v4, featuring isolated mini-game booths (src/games/*) with standardized contracts, centralized Pinia state management, and synthesized Web Audio API sound effects without heavy asset payloads.
Engineering Highlights
Spearheaded product architecture and development for an open-source digital carnival platform using Vue 3.5, Vite, and Tailwind CSS v4, serving zero-barrier interactive party and booth games.
Architected a modular game booth system (`src/games/`) with standardized interfaces, enabling 6 junior developers to contribute self-contained mini-games and upskill in reactive state management.
Engineered an offline-first Progressive Web App (PWA) with client-side Web Audio API synthesis, eliminating venue Wi-Fi dependency and network latency during live tech exhibitions.
Key Features
- Zero-Login Instant Utility Kiosk Mode for Tablets & TV Displays
- 100% Offline Progressive Web App (PWA) Reliability at Venues
- Modular Booth Plugin Architecture for Open-Source Contributors
- Synthesized Retro Audio FX via Web Audio API & Pinia State