Skip to content
Back to projects

Sari-Saring Laro

Web frontend for a traditional Filipino games hub — play Tumbang Preso, Patintero, and Luksong Baka with real-time multiplayer, AI matchmaking, cultural trivia, and a progressive web experience.

Sari-Saring Laro cover

Traditional Filipino games platform

Architecture

React + Vite PWA client with Phaser game scenes, Socket.io multiplayer sync, TanStack Query/Zustand state, and a Node API backend.

Deployment

Vite frontend build with Docker Compose deployment alongside the API.

Features

  • Playable traditional games: Tumbang Preso, Patintero, Luksong Baka
  • Real-time multiplayer lobbies and in-game chat
  • AI-assisted matchmaking and cultural trivia
  • Profiles, XP, achievements, and leaderboards
  • Progressive Web App with offline-friendly caching

Challenges

  • Keeping multiplayer game state in sync across clients
  • Balancing authentic Filipino gameplay with modern web UX

Solutions

  • Socket.io rooms with Phaser scene-driven game loops
  • Clear lobby → match → results flow with PWA caching

Results

  • Interactive cultural gaming hub for web players
  • Modern multiplayer experience rooted in traditional Filipino games
In Development2025ReactVitePhaserSocket.ioTanStack QueryTailwind CSS