Rolio — Fullstack online store

Rolio — a fully functional online store with a product catalog, shopping cart, modal windows, and complex animations. The project demonstrates skills in creating interactive web applications with a complete user interaction cycle.

Application state management

Global cart state (adding/removing/changing quantity)
Management of modal windows, filters, UI state
Optimized re-renders through Redux Toolkit
Complex interface animations
Add to cart animations (GSAP)
Smooth transitions between pages
Parallax effects and hover animations
Animated modal windows

Professional UX
Modal windows with proper focus (accessibility)
Responsive product sliders (Swiper)
Loading skeletons (react-content-loader)
Smooth scrolling (Lenis)
Form validation (React Hook Form)

Project architecture
Clear separation: components, hooks, store, types
Custom hooks for repeated logic
TypeScript interfaces for data and props