Ciepłe Serce

Warm Heart — to internetowy sklep, zaprojektowany z wykorzystaniem nowoczesnych technologii webowych, takich jak React, RTK, moduły CSS, Swiper.js, Animate.css i React-Loading-Skeleton. Strona zapewnia wygodną platformę do zakupów z wieloma przydatnymi funkcjami.

Główne cechy:

Responsywna szata graficzna: strona w pełni odpowiada makietom i doskonale wyświetla się na różnych urządzeniach.

Slider: za pomocą Swiper.js na stronie głównej zrealizowano slider, który pozwala efektywnie prezentować produkty.

Paginação: korzystając z zapytań do serwera przez JSON Server, strony są dzielone na oddzielne części dla wygody nawigacji po dużej liczbie produktów.

Karty produktów: każdy produkt jest przedstawiony w formie karty z podstawowymi cechami, ceną i możliwością dodania do koszyka.

Koszyk: użytkownik może dodawać produkty do koszyka i przeglądać je w dowolnym momencie.

Ostatnio przeglądane produkty: strona śledzi ostatnio przeglądane produkty i udostępnia je użytkownikowi dla szybkiego dostępu.

Wyszukiwanie: istnieje wbudowany system wyszukiwania, który pozwala szybko znajdować produkty według określonych kryteriów.

Technologie:

React: do tworzenia dynamicznych i reaktywnych komponentów.

RTK (Redux Toolkit): do centralnego zarządzania stanem aplikacji, upraszczając pracę z danymi.

Moduły CSS: do stylizacji komponentów, co pozwala uniknąć konfliktów klas i czyni style lokalnymi.

Swiper.js: do tworzenia pięknego i funkcjonalnego slidera na stronie głównej.

Animate.css: do dodawania animacji, co sprawia, że interakcja z witryną jest bardziej żywa i dynamiczna.

React-Loading-Skeleton: do wyświetlania ekranów skeleton podczas ładowania danych, poprawiając doświadczenie użytkownika.