Демо на Vercel - https://react-cake.vercel.app
2. cd ./react-cake - переходим в папку с локальной версией;
3. npm install - устанавливаем зависимости;
4. npm start - для просмотра локальной версии в браузере по адресу http://localhost:3000/ ;
5. или npm run build для сборки проекта;
Прототип онлайн-магазина типа McDonald’s, изображения для товаров взяты от туда же. Прототип может искать товары по названию, сортировать по цене, алфавиту, рейтингу, который не отображается визуально, но он есть. Возможно отсортировать товары по типу, щелкнув на тип, по умолчанию выбраны все типы. Товары можно добавлять в корзину, добавление отображается в верхнем правом углу в виде количества товаров и общей стоимости. Кликнув на это указание, переходим на страницу корзины, где можно отредактировать количество выбранных товаров: увеличить или уменьшить количество, убрать тип выбранного продукта, кликнув на крестик справа от общей стоимости типа, есть возможность очистить список, удалив все выбранные товары. Отработаны возможные ошибки, например, при ошибке выводится окно 404, при ошибке передачи данных, при очистке корзины.
Использованные технологии: React, Redux Toolkit, React Router DOM, React.Lazy, React Content Loader, Axios, Lodash.debounce, TypeScript, SCSS. База данных - mockAPI.
Главная страница
Корзина товаров
Пустая корзина товаров
Наиболее часто задаваемые вопросы
Карьера