2025 · Дизайн + інженерія
Lucky Panda
Telegram-платформа крипто-ігор — сім ігор, web3-гаманці й real-time соціальний шар
Контекст
Mobile-first crypto-gaming платформа, випущена як Telegram Mini App. Сім ігор у проді: Rocket Panda (реалтайм-краш), Panda Boom (мини), Panda Spin (PvP колесо фортуни), Binary Panda (бінарні опціони), Panda PvP (бінарні опціони один-на-один), Panda Stick (single-player рефлекс — виростити палку потрібної довжини, щоб перебігти через прірву), Lucky Wheel (бонусне колесо призів). Навколо ігор — повний соціальний шар: мультикористувацький чат, сторінки профілів інших гравців, заявки в друзі, перекази балансу між гравцями. On-chain гаманець через Privy, крипто-поповнення і виведення, sleep-mode пасивний дохід на баланс, інвентар предметів, промокоди, триярусна партнерська програма. Бренд, UI, фронт і весь реалтайм-шар — все з однієї пари рук.
Завдання
Провести гравця крізь сім жанрово-різних ігор і щільний соціальний шар так, щоб продукт відчувався як один Mini App, а не збірка модулів. Зінженерити реалтайм-шар — WebSocket-краш, multiplier-тики, PvP-раунди, broadcast чату, — утримати досвід авторизації та гаманця всередині Telegram WebView і зробити сітку платіжних, профільних, реферальних і адмін-flow'ів читаною за збереження щільності.
Реалізовано
Уся айдентика з чистого аркуша: логотип, палітра, motion-система, кастомна панда-іконографіка під кожну з семи ігор. React 18 + Vite + TypeScript SPA на TanStack Router (file-based) і TanStack Query, Radix UI-примітивах, Tailwind design tokens. Framer Motion в ігрових сценах, transitions та модалках. Phaser-canvas для Panda Stick. Privy для Web3-авторизації та on-chain гаманця, поверх Telegram WebApp SDK з власним init-flow. Zustand + Jotai стори, react-hook-form + zod у всіх формах. i18next — мульти-локальна типографіка. Реалтайм-шар на кастомному WebSocket-протоколі: Rocket Panda crash (multiplier-тики, події bets/cashout/round_ended, серверний розподіл crash-точки), Binary Panda і Panda PvP-раунди, multi-user chat-broadcast. REST для items, promo codes, sleep-mode yield, transactions і leaderboards. QR + clipboard-хелпери для крипто-deposit/withdraw адрес. Recharts — leaderboards і referral-дашборди. Swiper — каруселі останніх виграшів, предметів і бонус-карток. react-infinite-scroll-component — довгі стрічки. Sonner — toast-фідбек. Тришарова партнерська система з розрахунком %, перекази балансу між користувачами, заявки в друзі з inbox, публічні profile-сторінки інших гравців. Кожен візуальний елемент — оригінальний, кожен системний шар — зроблено руками.
