generated from goitacademy/react-homework-template
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
57799d7
commit ece420a
Showing
1 changed file
with
16 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,32 +1,33 @@ | ||
Критерії прийому | ||
# Критерії прийому | ||
Використовуй цей шаблон React-проекту як стартову точку своєї програми. | ||
|
||
Створено репозиторій goit-react-hw-08-phonebook | ||
При здачі домашньої роботи є посилання на вихідні файли та робочі сторінки кожного проекту на GitHub Pages | ||
При запуску коду завдання, в консолі немає помилок та попереджень | ||
Для кожного компонента є окрема папка з файлом компонента React та файлом стилів | ||
Для компонентів описано propTypes | ||
Книга контактів | ||
* Створено репозиторій goit-react-hw-08-phonebook | ||
* При здачі домашньої роботи є посилання на вихідні файли та робочі сторінки кожного проекту на GitHub Pages | ||
* При запуску коду завдання, в консолі немає помилок та попереджень | ||
* Для кожного компонента є окрема папка з файлом компонента React та файлом стилів | ||
## Книга контактів | ||
Додай у програму «Книга контактів» можливість реєстрації, логіна та оновлення користувача, а також роботу з приватною колекцією контактів. | ||
|
||
Бекенд | ||
## Бекенд | ||
Для цього завдання є готовий бекенд. Ознайомся з документацією. Він підтримує всі необхідні операції з колекцією контактів, а також реєстрацію, логін та оновлення користувача за допомогою JWT. Використовуй його замість твого бекенда створеного через сервіс mockapi.io. | ||
|
||
Маршрутизація | ||
## Маршрутизація | ||
Додай маршрутизацію з бібліотекою React Router. У програмі має бути кілька сторінок: | ||
|
||
/register - публічний маршрут реєстрації нового користувача з формою | ||
/login - публічний маршрут логіна існуючого користувача з формою | ||
/contacts - приватний маршрут для роботи зі списком контактів користувача | ||
* /register - публічний маршрут реєстрації нового користувача з формою | ||
* /login - публічний маршрут логіна існуючого користувача з формою | ||
* /contacts - приватний маршрут для роботи зі списком контактів користувача | ||
Додай компонент навігації Navigation з посиланнями для переходу по маршрутах. | ||
|
||
Меню користувача | ||
## Меню користувача | ||
Створи компонент UserMenu, що відображає пошту користувача і кнопку виходу з облікового запису. Ось як може виглядати його розмітка. | ||
|
||
````json | ||
<div> | ||
<p>[email protected]</p> | ||
<button>Logout</button> | ||
</div> | ||
```` | ||
|
||
Стилізація | ||
## Стилізація | ||
Це фінальна версія програми, тому попрацюй над оформленням інтерфейсу. Можна використовувати бібліотеку стилізації або компонентів, наприклад Chakra UI або Material UI. |