E-commerce SPA на React
Это одностраничное веб-приложение для интернет-магазина, разработанное на React. Проект представляет собой полноценную демонстрацию функционала онлайн-торговли — от просмотра каталога до оформления заказа. Основной акцент сделан на интуитивно понятный пользовательский опыт, плавные переходы между страницами и мгновенное обновление данных без перезагрузки. Реализовано адаптивное отображение на различных устройствах, а также ключевые возможности современного e-commerce: управление корзиной, подробные карточки товаров и переход к оформлению покупки.
Использованно:
- React
- React Router
- JavaScript
Посмотреть репозитарий или реализацию
Логика работы:
- Роутинг: Навигация по приложению реализована с помощью React Router, что обеспечивает плавные переходы между страницами каталога, корзины и оформления заказа.
- Управление корзиной: При добавлении товара в корзину счётчик рядом с иконкой обновляется в реальном времени. Количество товаров и итоговая сумма в корзине динамически пересчитываются при каждом изменении.
- Состояние приложения: Данные о товарах хранятся в массивах, а состоянии корзины в localStorage, что позволяет легко управлять ими.
- Функционал корзины: Пользователь может удалять товары из корзины.
- Модальное окно: Подробная информация о товаре отображается в модальном окне, что позволяет просматривать детали без перехода на новую страницу.
- Оформление заказа: Для завершения покупки реализован переход на отдельную страницу с формой оплаты.
