Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
Irina-anat committed Nov 8, 2023
1 parent 57799d7 commit ece420a
Showing 1 changed file with 16 additions and 15 deletions.
31 changes: 16 additions & 15 deletions README.md
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.

0 comments on commit ece420a

Please sign in to comment.