The vision for Treasure Hunt was to create a hybrid treasure hunt that bridges digital riddles with physical exploration. Zaid built the engine with a heavy emphasis on indie game aesthetics. The UI features a retro 2D platformer theme, complete with integrated CRT scanline overlays and pixel-perfect panels to ensure the experience felt more like a game and less like a standard web app.
Technical Implementation:
● Frontend: React (Vite)
● Styles: Tailwind 4
● Backend: Supabase Realtime for the core engine
The most critical part of the build was the real-time synchronization. Using Supabase's broadcast and database change listeners, the engine synced the lobby, the global countdown timer, and the ranking table across every participant's device simultaneously. As players solved riddles in the room, their progress reflected instantly on the leaderboard.
While the engine handled the digital logic, the core experience relied on the game design and environmental integration. Raiyan Bin Rais, Asif Amin, and Ikram Hossain Akif were responsible for the game plan, crafting the riddles, and the strategic placement of physical clues around the venue.
The project also solved other challenges: it cleared out the main venue for us to serve food for Iftar to all our members and attendees, when they cleared out to physically explore the campus for the virtual treasure hunt.
The orientation debut served as a live stress test for both the software and the physical game logic. It was rewarding to see the competitive energy in the room as players navigated the puzzles. This marks a successful first milestone for the project.
Development: Zaid Fahad
Game Plan & Riddles: Raiyan Bin Rais, Asif Amin, Ikram Hossain Akif