online-shop

Live demo

Проект построен на стеке React - Redux , для маршрутизации использовался react-router-dom .

Для сохранения состояния приложения и содержимого корзины после перезагрузки страницы использовалась библиотека redux-persist.

Также для оптимизации производительности применена библиотека reselect.

Использована методология верстки БЭМ.

В качестве CSS-препроцессора выбран SCSS.

Реализация SPA

В данном проекте реализовано приложение "интернет-магазин".

Приложение состоит из двух страниц: списка товаров и корзины.

Товар в списке включает картинку, заголовок, стоимость (в $) и возможность добавления товара в корзину причем не один раз.

Вверху отображается ссылка на страницу "Корзина" со счетчиком кол-ва заказанных товаров.

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

После перезагрузки страницы состояние приложения и содержимого корзины сохраняется.

Проект запускаеться в консоли командой npm start после чего он доступен для просмотра по адресу http://localhost:3000/