Техническое задание: Фронтенд для мини-приложения
Основная цель
Разработать клиентскую часть (фронтенд) интерактивного мини-приложения с последующим подключением к готовому бэкенду.
Стек технологий
- Основной фреймворк: React
- Стилизация: На усмотрение исполнителя (CSS-in-JS, SCSS, Tailwind CSS)
- Анимации: Требуется использование библиотек для реализации плавных и сложных эффектов (например, Framer Motion, React Spring).
Функциональные блоки приложения
1. Профиль пользователя
- Личный кабинет с отображением статистики и данных пользователя.
- Редактируемая информация.
2. Магазин
- Каталог товаров/услуг с возможностью просмотра.
- Функционал покупки (интеграция с бэкендом).
- Корзина или мгновенное приобретение.
3. Инвентарь
- Раздел для отображения купленных или полученных предметов.
- Управление элементами инвентаря (использование, активация).
4. Мини-игры (2 шт.)
- Разработка двух различных игровых механик.
- Интеграция игрового процесса с основными системами приложения (начисление валюты, предметов).
- Интерфейс игры и система подсчета очков/результатов.
Требования к анимациям и UI/UX
- Реализация плавных, «жидких» переходов между экранами и состояниями элементов.
- Создание приветственной/стартовой анимации высокого уровня, аналогичной по качеству и плавности анимациям в продуктах ведущих компаний.
- Внимание к деталям, отзывчивости интерфейса и визуальной привлекательности.
Интеграция
- Готовый фронтенд должен корректно подключаться к предоставленному API бэкенда.
- Необходима работа с запросами (GET, POST) для обмена данными (профиль, магазин, инвентарь, игры).
Что предоставляет заказчик
- Технические требования и спецификации API бэкенда.
- Дизайн-макеты или прототипы интерфейса (уточняется).
- Контент для наполнения.
Ожидаемый результат
Полностью функционирующий, анимированный фронтенд мини-приложения, упакованный и готовый к развертыванию, с качественным, чистым и поддерживаемым кодом.