DabberBox Real-Time Bingo
An Expo-powered mobile bingo platform with wallet management, tiered rooms, and Farsi-first UI that keeps players synced through live WebSockets and audio cues.
Project Overview
DabberBox is a production-ready mobile bingo companion for the Iranian market. The experience is structured around Expo Router, HeroUI Native, and a WebSocket layer that keeps lobby stats, game state, and notifications fresh without manual refreshes. Every screen embraces RTL typography and localized currency formatting so players feel at home from onboarding through prize payouts.
Development Process
Challenges
Coordinating multiple real-time data channels (lobby, game rooms, notifications) without over-fetching, handling payment provider redirects on mobile, and retaining smooth UX in a fully RTL interface.
Solutions
Centralized data fetching with React Query, normalized WebSocket handlers, and optimistic UI helpers to instantly reflect new draws or read states. Wrapped payment mutations with deep-link fallbacks, and abstracted typography plus spacing tokens to keep HeroUI components RTL-safe out of the box.
Results & Impact
Launched a stable bingo client that keeps players engaged with instant updates, secure wallet actions, and celebratory win states—reducing support tickets around deposits and game sync while improving retention across competitive tiers.
Project Gallery
Tech Stack
Key Features
- Lobby built on React Query and WebSockets that streams online counts for every bingo tier in real time
- Wallet dashboard with Toman formatting, quick top-up chips, and PSP deep links for deposits
- Guided join flow that validates balance, caps card purchases, and surfaces payment or conflict states with localized prompts
- In-game WebSocket loop that streams drawn numbers, winner events, and synchronizes bingo cards across players
- Expo Audio integration that preloads and plays draw announcements while respecting focus state
- Comprehensive notification center with pagination, read receipts, and deep links into detail views
- Secure authentication backed by Expo SecureStore, refresh token rotation, and hydrated Zustand store
- HeroUI Native components themed with RTL-friendly typography and animations via NativeWind
