Skip to content

IvanBlazhko/ContactBookApp

Repository files navigation

Contact App (Demo)

Features

  • Реєстрація та авторизація користувача.
  • Валідація форм за допомогою React Hook Form.
  • Маршрутизація та приватні маршрути.
  • Глобальне сховище даних та отримання їх від API за допомогою Redux Toolkit/ RTK Query.
  • Зберігання даних у localstorage за допомогою Redux Persist
  • Обробка та сповіщення помилок за допомогою React Toastify.
  • CRUD робота з API.

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

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

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

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