Проект: Разработка PWA-приложения интернет-магазина на React

Задача

Реализовать полнофункциональное веб-приложение на React, которое соответствует предоставленным макетам дизайна, обеспечивает интерактивный пользовательский опыт, подключается к бэкенду через API, корректно отображается на всех устройствах и по завершении работы преобразуется в прогрессивное веб-приложение (PWA).

Основные требования

• Верстка по макетам - точное соответствие Pixel Perfect переданным дизайн-макетам (внешний вид, расположение элементов, изображения, типографика).
• Интерактив - реализация модальных окон (появление/закрытие, анимация) и механики «избранное» (добавление/удаление товаров с визуальной обратной связью и сохранением состояния).
• Интеграция с бэкендом - динамическое наполнение страниц через подключение к предоставленному API (запросы к эндпоинтам для получения данных о товарах, категориях, корзине, оформлении заказов). Управление нагрузкой и обработка ошибок при запросах.
• Адаптив - корректное отображение на устройствах с разной шириной экрана (мобильные, планшеты, десктопы) в соответствии с макетами для каждого разрешения.
• PWA-преобразование - создание файлов манифеста (web app manifest) и Service Worker для возможности установки приложения на домашний экран, кеширования ресурсов и создания «непрерывного» офлайн-опыта.

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

• React (фронтенд, управление состоянием - на усмотрение разработчика: Redux, Context API, Zustand).
• Styled Components или CSS Modules (организация стилей).
• Fetch или Axios (работа с API).
• Workbox или нативное Service Worker API (для PWA-функционала).

Порядок сдачи

1. Предоставить доступ к исходному коду через хостинг (GitHub/GitLab) + демо-версия приложения на хостинге или архив файлов.
2. Продемонстрировать работу всех запланированных функций (верстка, логика избранного, работа с API, адаптация под экраны, PWA).