Веб-приложение React Pizza

Это приложение позволяет пользователям легко выбирать, настраивать и заказывать пиццу, обеспечивая удобный интерфейс для поиска, сортировки и фильтрации. Также оно обеспечивает прозрачное управление корзиной и общей стоимостью заказа.

Функциональность:
1. Страница с пиццами:

• Поиск пиццы по наименованию.
• Сортировка пицц по популярности, цене и алфавиту.
• Фильтрация пицц по категориям (например, мясные, вегетарианские, острые).
• Пагинация для удобного просмотра большого количества пицц.
• Каждую пиццу можно настроить, выбрав тип теста и диаметр, а затем добавить в корзину.

2. Хедер с информацией о корзине:

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

3. Страница корзины:

• Отображение списка выбранных пицц с возможностью увеличения или уменьшения количества.
• Возможность очистки корзины.
• Отображение общей суммы заказа.

Демо: https://ku13shov.github.io/pizza-test/

Технологии:

• ReactJS 18
• TypeScript
• Redux Toolkit (хранение данных / пицц)
• React Router v6 (навигация)
• Axios + Fetch (отправка запроса на бэкенд)
• React Hooks (хуки)
• Prettier (форматирование кода)
• CSS-Modules / SCSS (стилизация)
• React Content Loader (скелетон)
• React Pagination (пагинация)
• Lodash.Debounce
• Сайт для хранения данных — https://mockapi.io/