Задача

Разработать мобильный игровой интерфейс на React + Next.js (TypeScript) для карточной настольной игры Размер экрана ориентир 390×844 Ориентация вертикальная Визуальное сходство с референс скриншотом приветствуется пиксельная точность не требуется

Что должно быть на экране

• верхняя панель индикаторы таймер статус
• игровой стол с 10 участниками расположенными по кругу аватар имя баланс или очки
• центр экрана банк или общий счет зона общих карт и элементов интерактивные маркеры действий
• нижняя панель действий со слайдером для выбора значения

Обязательные анимации

• разуха трук: &dquo;раздача” карт пошагово карты летят к крëпларий юзерам и центральную зону
• движение фишек маркеров к центру экрана с последующим формированием общего значения банка
• автоматическое обновление балансов очков после игровых действий с анимацией появления
• визуальные эффекты мягкое свечение темный градиент трейлы лучи и волшебные вспышки в центре интерфейса
• состояния элементов прогал всех и адаптивные кнопки визуализация таймера

Технологии на выбор

• Framer Motion
• чистые я-тренки анимации CSS
• Canvas (работа с анимация и наложение эффектов)

Гибриды приветствуются — важнее плавность и детализация

Требования к разработке

• Только React + Next.js (TypeScript в приоритете)
• Компонентная модель ключевые модули: Table, Seat, Card, Chips, Actions
• Опрятная архитектура разделение логики и представления
• Вся UI сборка состоит из живых компонентов изображения как картинка не допускается
• Референс и прототип макета предоставляются только лично и проекте

• Отклик должен содержать примеры аналогично сделанных UI работ и анимаций перечеркнуто

• В отклике указать используемые инструменты тр ания грация

• Презванить прайс и заверге работы