Описание

Интернет-магазин обуви — frontend-разработка

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 и дальнейшего подключения платежной системы.
— Интерфейс адаптирован под desktop, tablet и mobile.
— Структура проекта подготовлена для подключения реального backend API и масштабирования каталога.

Итог
— Собрана frontend-основа интернет-магазина с динамическим каталогом.
— Подготовлены API-запросы, фильтры, сортировка и состояния интерфейса.
— Реализованы заготовки под корзину, checkout и платежную логику.
— Проект готов к дальнейшей backend-интеграции и запуску полноценного e-commerce функционала.

Презентация проекта