Демонстрационный макет интернет-магазина по заказу пиццы с взаимодействием с реальным сервером для обмена данными
🔗 Демо можно посмотреть здесь
📍 TypeScript используется для статической типизации и повышения безопасности кода.
📍 Для управления состоянием приложения и обеспечения простоты разработки исапользован Redux Toolkit, а для навигации между страницами React Router v6.
📍 Взаимодействие с сервером осуществляется с помощью библиотеки Axios.
📍 Для более удобной работы с состоянием компонентов использованы React Hooks.
📍 Prettier использовался для автоматического форматирования кода и поддержания единообразного стиля.
📍 Для стилизации компонентов использовался SCSS для создания красивого и гибкого пользовательского интерфейса.
📍 Реализовано хранение и получение данных с сервера mockapi.
📍 Библиотека qs использовалась для упрощения работы с параметрами URL.
- ReactJS 18
- React Router v6
- React Hooks
- React Content Loader (skeleton)
- React Pagination
- React Lazy-loading
- TypeScript
- Redux Toolkit
- Axios
- Prettier
- SASS
- Lodash.Debounce
- qs
- mockapi
✅ Пользователи имеют возможность сортировать продукты по цене, алфавиту и популярности, что позволяет им легко найти нужный товар.
✅ Также предусмотрена возможность сортировки продуктов по категориям и поиска по ключевому слову через инпут поиска.
✅ Для оптимизации производительности и улучшения пользовательского опыта использован React Content Loader для отображения скелетонов при загрузке данных и React Pagination для разделения результатов на страницы.
✅ Lodash.Debounce был использован для оптимизации обработки пользовательского ввода в поле поиска.