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-страницы других игроков. Каждый визуальный элемент — оригинальный, каждый системный слой — сделан руками.
