Sklep telefonów

To jest pełnoprawna demonstracyjna strona internetowa e-commerce premium, stworzona w celu zaprezentowania umiejętności frontendowych na wysokim poziomie. Zrealizowano responsywny design z ciemną estetyką, interaktywny katalog produktów, dynamiczny koszyk zakupowy, skomplikowane animacje CSS oraz efekty paralaksy.

Technologie: HTML5, CSS3, Vanilla JavaScript, Canvas API, Phosphor Icons

Cechy:

· Niestandardowy system cząsteczek 3D na Canvas z efektami głębi i interaktywnością
· Magnetyczny kursor i magnetyczne elementy interfejsu
· Płynne przejścia między sekcjami z animacjami pojawiania się
· Funkcjonalny koszyk z lokalnym przechowywaniem danych
· Filtrowanie produktów według kategorii
· Modalne okna do kontaktów i mediów społecznościowych
· Responsywny design z optymalizacją dla urządzeń mobilnych
· Niestandardowy pasek przewijania i efekty zaznaczenia
· System ładowania z animacją
· Efekty paralaksy w sekcji bohatera
· Symulacja zakupu z potwierdzeniem zamówienia

Dodatkowo:

· Optymalizacja wydajności z will-change i wsparciem dla reduced motion
· Obsługa błędów ładowania obrazów
· Debounce dla zdarzeń resize
· Obsługa klawisza Escape
· Specjalne animacje dla interaktywnych elementów (przyciski, karty produktów)