Warm-Heart

Warm Heart is an online store developed using modern web development technologies such as React, RTK, CSS modules, Swiper.js, Animate.css, and React-Loading-Skeleton. The site provides a convenient shopping platform with many useful features.

Key features:

Responsive layout: the site fully corresponds to the layout and displays perfectly on various devices.

Slider: a slider implemented on the homepage using Swiper.js allows for effective product presentation.

Pagination: using server requests through JSON Server, pages are divided into separate parts for easy navigation through a large number of products.

Product cards: each product is presented in the form of a card with key characteristics, price, and the ability to add to the cart.

Cart: users can add products to the cart and view them at any time.

Recently viewed products: the site tracks the last viewed products and provides them to the user for quick access.

Search: there is a built-in search system that allows for quickly finding products based on specified criteria.

Technologies:

React: for creating dynamic and reactive components.

RTK (Redux Toolkit): for centralized state management of the application, simplifying data handling.

CSS Modules: for styling components, which helps avoid class conflicts and makes styles local.

Swiper.js: for creating a beautiful and functional slider on the homepage.

Animate.css: for adding animations that make interaction with the site more lively and dynamic.

React-Loading-Skeleton: for displaying skeleton screens during data loading, improving the user experience.