IvanBlazhko/QuattroPizza

Quattro-Pizza

Функції:

• Типізація - Type Script.
• Реалізовані сторінки Піци, Десертів, Напоїв, Кошику та Сторінка Доставки.
• Маршрутизація між сторінками.
• Отримання даних з API за допомогою RTK Query.
• Сортування продукції за опціями, ціною та алфавітом.
• Регуляція ціни в залежності від вибраних параметрів.
• Додано Redux логіку кошику.
• Групування елементів кошику за параметрами.
• Сторінка доставки з формою заповнення даних валідована за допомогою React Hook Form.
• Зберігання даних у localstorage за допомогою Redux Persist.
• Сповіщення користувача React Toastify.
• Лодери React-Spinners.
• За стилізацію відповідає SCSS.

Як підготувати та запустити проєкт

1. Переконайтеся, що на комп'ютері встановлено LTS-версія Node.js. Скачай та встанови її якщо потрібно.
2. Клонуй цей репозиторій.
3. Встанови базові залежності проекту командою npm install.
4. Запусти режим розробки, виконавши команду npm start.
5. Перейди у браузері за адресою http://localhost:3000. Ця сторінка автоматично перезавантажуватиметься після збереження змін у файли проекту.

🛠 В роботі були використані бібліотеки:

1. React JS
2. Type Script
3. Redux Toolkit
4. Redux Toolkit Query
5. React Router v6
6. Redux Persist
7. React Select
8. React Spinner
9. React Toastify
10. React Hook Form

Screenshots