Skip to content

Phonebook - code refactoring to add ability to login, register, user updates and work with private contacts

Notifications You must be signed in to change notification settings

MaggieWesolowska/goit-react-hw-08-phonebook

Repository files navigation

goit-react-hw-08-phonebook

<<<<< Phonebook - code refactoring to add ability to login, register, user updates and work with private contacts >>>>>

Add to the Contact Book application the ability to register, login, and user updates, and work with a private collection of contacts.

Backend. There is a ready-made backend for this task. Check out the documentation. It supports all necessary operations on the contact collection, as well as registering, logging in and user update with JWT. Use it instead of your backend created with the service mockapi.io.

Routing Add routing with the React Router library. The application should have several pages:

/register - public route to register a new user with a form /login - public login route of an existing user with a form /contacts - a private route for your contact list Add a navigation component Navigation with links to navigate routes.

User menu Create a component UserMenu, that displays the user's email and a logout button.

Styling. Used styling library or components such as Chakra UI or Material UI.