2025 · Design + engineering
Lucky Panda
Telegram crypto-gaming platform — seven games, web3 wallets and a real-time social layer
Context
Mobile-first crypto-gaming platform, shipped as a Telegram Mini App. Seven games in production: Rocket Panda (realtime crash), Panda Boom (mines), Panda Spin (PvP fortune wheel), Binary Panda (binary options), Panda PvP (binary options head-to-head), Panda Stick (single-player reflex — grow a stick the exact length to cross a chasm), Lucky Wheel (bonus prize wheel). Around the games — a full social layer: multi-user chat, player profile pages, friend requests, balance transfers between players. On-chain wallet via Privy, crypto deposits and withdrawals, sleep-mode passive yield on balance, items inventory, promo codes, three-tier affiliate program. Identity, UI, frontend and the entire realtime layer all came out of one set of hands.
Task
Hold the player through seven genre-different games and a dense social layer so the product feels like one Mini App, not a stitched collection. Engineer the realtime layer — WebSocket crash, multiplier ticks, PvP rounds, chat broadcast — keep auth and the wallet experience inside a Telegram WebView, and make the grid of payment, profile, referral and admin flows readable while staying dense.
Engineered
Whole identity from a blank canvas: logotype, palette, motion system, custom panda iconography for each of the seven games. React 18 + Vite + TypeScript SPA on TanStack Router (file-based) and TanStack Query, Radix UI primitives, Tailwind design tokens. Framer Motion across game scenes, transitions and modals. Phaser canvas for Panda Stick. Privy for Web3 auth and the on-chain wallet, layered on top of the Telegram WebApp SDK with its own init flow. Zustand + Jotai stores, react-hook-form + zod across forms. i18next for multi-locale typography. Realtime layer on a custom WebSocket protocol: Rocket Panda crash (multiplier ticks, bets/cashout/round_ended events, server-driven crash distribution), Binary Panda and Panda PvP rounds, multi-user chat broadcast. REST for items, promo codes, sleep-mode yield, transactions and leaderboards. QR + clipboard helpers for crypto deposit and withdrawal addresses. Recharts for leaderboards and referral dashboards. Swiper for last-winners, items and bonus-card carousels. react-infinite-scroll-component for long feeds. Sonner for toast feedback. Three-tier affiliate program with percent calculation, peer-to-peer balance transfers, friend requests with inbox, public profile pages for other players. Every visual element original; every system layer hand-built.
