Використовуй цей шаблон React-проекту як стартову точку своєї програми.
Створено репозиторій goit-react-hw-08-phonebook При здачі домашньої роботи є посилання на вихідні файли та робочі сторінки кожного проекту на GitHub Pages При запуску коду завдання, в консолі немає помилок та попереджень Для кожного компонента є окрема папка з файлом компонента React та файлом стилів
Додай у програму «Книга контактів» можливість реєстрації, логіна та оновлення користувача, а також роботу з приватною колекцією контактів.
Для цього завдання є готовий бекенд. Ознайомся з документацією. Він підтримує всі необхідні операції з колекцією контактів, а також реєстрацію, логін та оновлення користувача за допомогою JWT. Використовуй його замість твого бекенда створеного через сервіс mockapi.io.
Додай маршрутизацію з бібліотекою React Router. У програмі має бути кілька сторінок:
🔴 «/register»
- публічний маршрут реєстрації нового користувача з формою
🟥 «/login»
- публічний маршрут логіна існуючого користувача з формою
📲 «/contacts»
- приватний маршрут для роботи зі списком контактів користувача
Додай компонент навігації Navigation з посиланнями для переходу по маршрутах.
Створи компонент UserMenu, що відображає пошту користувача і кнопку виходу з облікового запису. Ось як може виглядати його розмітка.
<div>
<p>[email protected]</p>
<button>Logout</button>
</div>
Це фінальна версія програми, тому попрацюй над оформленням інтерфейсу. Можна використовувати бібліотеку стилізації або компонентів, наприклад Chakra UI або Material UI.