Современный интернет-магазин спортивной обуви с фокусом на стиль, удобство и высокую производительность. При этом проект создаётся при полном игнорировании написания кода с помощью ИИ — исключительно ручной труд. Я полностью осознаю преимущества использования ИИ в разработке: с его помощью проекты реализуются значительно быстрее и проще, а рутинных задач становится меньше. Лично владею навыками работы с ИИ‑инструментами, в том числе в режиме агента, но в данном случае сознательно выбираю путь чистой ручной разработки для углублённого погружения в технологии и архитектуры.
Проект находится в стадии активной разработки. Архитектура и реализация отражают современные подходы к созданию масштабируемых веб-приложений.
Kicks Marketplace — это современный, отзывчивый интернет-магазин, специализирующийся на продаже кроссовок, кед и другой спортивной обуви. Проект сочетает продуманный пользовательский интерфейс, плавные анимации и надёжную архитектуру, обеспечивая комфортное взаимодействие как для пользователей, так и для разработчиков.
Цель — создать продукт с чистой структурой, готовый к дальнейшему развитию, интеграции новых фич и масштабированию.
- Nuxt 4 — гибкий фреймворк на основе Vue 3 с поддержкой SSR/SSG для улучшения SEO и скорости загрузки.
- TypeScript — строгая типизация для повышения надёжности и поддержки кода.
- Pinia + Pinia-Colada — модульное управление состоянием с удобной интеграцией и тестированием.
- GSAP — профессиональные анимации для интерактивного пользовательского опыта.
- Zod — валидация данных на клиенте и в API-запросах.
- Sass — расширенные возможности стилизации с поддержкой вложенности и миксинов.
- БЭМ — методология именования, обеспечивающая предсказуемость и переиспользуемость CSS.
- Directus — headless CMS с открытым исходным кодом, предоставляющий удобный админ-интерфейс и API для управления товарами, заказами и пользователями.
- FSD (Feature-Sliced Design) — структурированный подход к организации кода, ориентированный на масштабируемость и командную разработку. Проект разделён на слои и слайсы, что упрощает поддержку и расширение функционала.
- Регистрация и авторизация — безопасная аутентификация через JWT.
- Личный кабинет — централизованное пространство для управления профилем, избранным и заказами.
- Оформление покупки — пошаговый процесс оформления заказа с возможностью выбора доставки и оплаты.
- История заказов — все оформленные покупки отображаются в личном кабинете с детализацией: состав, статус, дата.
- Корзина с сохранением в БД — данные о товарах сохраняются между сессиями, даже после выхода из аккаунта.
- Фильтры товаров — гибкий поиск по брендам, размерам, цветам, цене и типу обуви.
- Responsive-дизайн — корректное отображение на всех устройствах — от мобильных до десктопов.
- Уникальный UI/UX — современный визуальный стиль с акцентом на продукт и плавные анимационные эффекты на основе GSAP.