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

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

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

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

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

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

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

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

2. Магазин

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

3. Инвентарь

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

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

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

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

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

Интеграция

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

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

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

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

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