Rolio — Fullstack-интернет-магазин

Rolio — полнофункциональный интернет-магазин с каталогом товаров, корзиной, модальными окнами и сложными анимациями. Проект демонстрирует навыки создания интерактивных веб-приложений с полным циклом взаимодействия пользователя.

Управление состоянием приложения

Глобальный стейт корзины (добавление/удаление/изменение кол-ва)
Управление модальными окнами, фильтрами, состоянием UI
Оптимизированные ререндеры через Redux Toolkit
Сложные анимации интерфейса
Анимации добавления в корзину (GSAP)
Плавные переходы между страницами
Параллакс-эффекты и hover-анимации
Анимированные модальные окна

Профессиональный UX
Модальные окна с правильной фокусировкой (accessibility)
Адаптивные слайдеры товаров (Swiper)
Скелетоны загрузки (react-content-loader)
Плавный скролл (Lenis)
Валидация форм (React Hook Form)

Архитектура проекта
Чёткое разделение: компоненты, хуки, store, типы
Кастомные хуки для повторяющейся логики
TypeScript интерфейсы для данных и пропсов