Техническое задание: Фронтенд для мини-приложения

Основная цель

Разработать клиентскую часть (фронтенд) интерактивного мини-приложения с последующим подключением к готовому бэкенду.

Стек технологий

  • Основной фреймворк: React
  • Стилизация: На усмотрение исполнителя (CSS-in-JS, SCSS, Tailwind CSS)
  • Анимации: Требуется использование библиотек для реализации плавных и сложных эффектов (например, Framer Motion, React Spring).

Функциональные блоки приложения

1. Профиль пользователя

  • Личный кабинет с отображением статистики и данных пользователя.
  • Редактируемая информация.

2. Магазин

  • Каталог товаров/услуг с возможностью просмотра.
  • Функционал покупки (интеграция с бэкендом).
  • Корзина или мгновенное приобретение.

3. Инвентарь

  • Раздел для отображения купленных или полученных предметов.
  • Управление элементами инвентаря (использование, активация).

4. Мини-игры (2 шт.)

  • Разработка двух различных игровых механик.
  • Интеграция игрового процесса с основными системами приложения (начисление валюты, предметов).
  • Интерфейс игры и система подсчета очков/результатов.

Требования к анимациям и UI/UX

  • Реализация плавных, «жидких» переходов между экранами и состояниями элементов.
  • Создание приветственной/стартовой анимации высокого уровня, аналогичной по качеству и плавности анимациям в продуктах ведущих компаний.
  • Внимание к деталям, отзывчивости интерфейса и визуальной привлекательности.

Интеграция

  • Готовый фронтенд должен корректно подключаться к предоставленному API бэкенда.
  • Необходима работа с запросами (GET, POST) для обмена данными (профиль, магазин, инвентарь, игры).

Что предоставляет заказчик

  • Технические требования и спецификации API бэкенда.
  • Дизайн-макеты или прототипы интерфейса (уточняется).
  • Контент для наполнения.

Ожидаемый результат

Полностью функционирующий, анимированный фронтенд мини-приложения, упакованный и готовый к развертыванию, с качественным, чистым и поддерживаемым кодом.