11 · Technology
System Architecture & Tech Stack
Modern web tooling for low-latency data processing and real-time application updates.
Stack Overview
Client Interface
React · Vite · Tailwind UI Layer
Application Layer
TanStack Query · WebSocket State Manager
Database Layer
Supabase · Realtime Sync · Matchmaking & Live Goal Feed
Optional On-Chain
Smart Contracts · Vaults · Web3 Mode Settlement
Technology Highlights
- Frontend Framework: React and Vite for sub-second page renders and smooth UI navigation.
- State Management: TanStack Query powers real-time score updates, optimistic state rendering, and caching.
- Database Infrastructure: Supabase provides row-level security, real-time WebSocket subscriptions for live goals, and fast edge functions.
- Optional On-Chain Contracts: EVM-compatible smart contracts handle vault escrow, token transfers, and NFT verification when Web3 mode is toggled on.