Критерії прийому
При здачі домашньої роботи є посилання на вихідні файли та робочі сторінки кожного проекту на GitHub Pages При запуску коду завдання, в консолі немає помилок та попереджень Для кожного компонента є окрема папка з файлом компонента React та файлом стилів Для компонентів описано propTypes
Книга контактів +0. Додай у програму «Книга контактів» можливість реєстрації, логіна та оновлення користувача, а також роботу з приватною колекцією контактів.
+1. Бекенд Для цього завдання є готовий бекенд. Ознайомся з документацією. Він підтримує всі необхідні операції з колекцією контактів, а також реєстрацію, логін та оновлення користувача за допомогою JWT. Використовуй його замість твого бекенда створеного через сервіс mockapi.io.
+2. Маршрутизація Додай маршрутизацію з бібліотекою React Router. У програмі має бути кілька сторінок:
2.1 /register - публічний маршрут реєстрації нового користувача з формою
2.2 /login - публічний маршрут логіна існуючого користувача з формою
2.3 /contacts - приватний маршрут для роботи зі списком контактів користувача
2.4* Додай компонент навігації Navigation з посиланнями для переходу по маршрутах.
+3. Меню користувача *Створи компонент UserMenu, що відображає пошту користувача і кнопку виходу з облікового запису. Ось як може виглядати його розмітка.
mango@mail.com
Logout+4. Стилізація Це фінальна версія програми, тому попрацюй над оформленням інтерфейсу. Можна використовувати бібліотеку стилізації або компонентів, наприклад Chakra UI або Material UI.
!!+++Leyzy load
5/ fprm.reset() => use!!!
user12102022