image
Frontend-часть интернет-магазина обуви, разработанная на Astro JS и Tailwind CSS. Проект собирался как полноценная клиентская часть магазина: с динамическим каталогом, фильтрами, карточками товаров, подготовленными API-запросами, состояниями интерфейса и заготовками под корзину, оформление заказа и оплату. Техническая часть — Разработка выполнена на Astro JS с компонентным подходом. — Стилизация реализована через Tailwind CSS без перегруженной CSS-структуры. — Реализованы страницы каталога, карточки товара, корзины и оформления заказа. — Подготовлена структура компонентов: product card, product grid, filters, breadcrumbs, pagination, cart item, checkout blocks. — Настроены fetch-запросы к моковым endpoint’ам для получения товаров, категорий, размеров, цветов и цен. — Реализованы состояния загрузки, пустого каталога, ошибки получения данных и отсутствия результатов по фильтрам. — Добавлена фильтрация товаров по категориям, размеру, цвету, цене и наличию. — Подготовлена логика сортировки товаров по цене, популярности и новизне. — Подготовлены frontend-заглушки для checkout flow и дальнейшего подключения платежной системы. Итог — Собрана frontend-основа интернет-магазина с динамическим каталогом. — Подготовлены API-запросы, фильтры, сортировка и состояния интерфейса. — Реализованы заготовки под корзину, checkout и платежную логику. — Проект готов к дальнейшей backend-интеграции и запуску полноценного e-commerce функционала.