Тёплое сердце

Теплое Сердце — это интернет-магазин, разработанный с использованием современных технологий веб-разработки, таких как React, RTK, CSS модули, Swiper.js, Animate.css и React-Loading-Skeleton. Сайт обеспечивает удобную платформу для покупок с множеством полезных функций.

Основные особенности:

Адаптивная верстка: сайт полностью соответствует макету и отлично отображается на различных устройствах.

Слайдер: с помощью Swiper.js на главной странице реализован слайдер, который позволяет эффективно представлять товары.

Пагинация: используя запросы к серверу через JSON Server, страницы делятся на отдельные части для удобства навигации по большому количеству товаров.

Карточки товаров: каждый товар представлен в виде карточки с основными характеристиками, ценой и возможностью добавления в корзину.

Корзина: пользователь может добавлять товары в корзину и просматривать их в любой момент.

Последние просмотренные товары: сайт отслеживает последние просмотренные товары и предоставляет их пользователю для быстрого доступа.

Поиск: есть встроенная система поиска, которая позволяет быстро находить товары по заданным критериям.

Технологии:

React: для создания динамичных и реактивных компонентов.

RTK (Redux Toolkit): для централизованного управления состоянием приложения, упрощая работу с данными.

CSS Модули: для стилизации компонентов, что позволяет избежать конфликтов классов и делает стили локальными.

Swiper.js: для создания красивого и функционального слайдера на главной странице.

Animate.css: для добавления анимаций, что делает взаимодействие с сайтом более живым и динамичным.

React-Loading-Skeleton: для отображения skeleton-экранов во время загрузки данных, улучшая пользовательский опыт.