Rolio — Sklep internetowy Fullstack

Rolio — pełnofunkcjonalny sklep internetowy z katalogiem produktów, koszykiem, oknami modalnymi i skomplikowanymi animacjami. Projekt demonstruje umiejętności tworzenia interaktywnych aplikacji internetowych z pełnym cyklem interakcji użytkownika.

Zarządzanie stanem aplikacji

Globalny stan koszyka (dodawanie/usuwanie/zmiana ilości)
Zarządzanie oknami modalnymi, filtrami, stanem UI
Optymalizowane ponowne renderowanie przez Redux Toolkit
Skomplikowane animacje interfejsu
Animacje dodawania do koszyka (GSAP)
Płynne przejścia między stronami
Efekty paralaksy i animacje hover
Animowane okna modalne

Profesjonalny UX
Okna modalne z poprawnym fokusowaniem (dostępność)
Responsywne suwaki produktów (Swiper)
Szkielety ładowania (react-content-loader)
Płynne przewijanie (Lenis)
Walidacja formularzy (React Hook Form)

Architektura projektu
Wyraźny podział: komponenty, haki, store, typy
Niestandardowe haki dla powtarzającej się logiki
Interfejsy TypeScript dla danych i propsów