Интернет-магазин пицца

Функционал приложения

• Оптимизированный поиск пиццы при помощи debounce.
• Добавление пиццы в корзину.
• Удаление, уменьшение, количество пицц в корзине.
• Очистка корзины.
• Выбор классифакации пиццы.
• Фильтрации пиццы по категориям.
• Фильтрация пиццы цене, популярности, алфавиту.
• Вывод в корзине отдельных пицц по классификации.
• Использование chunk.
• Адаптированный сайт.

Стек

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

Установка приложения.

• Установите git, Node JS с оффициального сайта.
• Откройте папку, куда собираетесь устанавливать сайт.
• Откройте терминал и напишите git clone https://github.com/codeeHunter/react-rtk-pizza.git
• Откройте скачанную папку и там, открыв терминал, напишите npm install.
• После установки зависимостей, напишите в терминале npm start.

Любуйтесь!

Ссылка на сайт

• https://react-rtk-pizza-jade.vercel.app/