Проект: Разработка 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-функционала).
Порядок сдачи
- Предоставить доступ к исходному коду через хостинг (GitHub/GitLab) + демо-версия приложения на хостинге или архив файлов.
- Продемонстрировать работу всех запланированных функций (верстка, логика избранного, работа с API, адаптация под экраны, PWA).