Skip to content

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

Notifications You must be signed in to change notification settings

olha0108/goit-react-hw-08-phonebook

Repository files navigation

Contact Book

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

Backend

Check out the documentation (https://connections-api.herokuapp.com/docs/). It supports all necessary operations on the contact collection, as well as registering, logging in and user update with JWT.

  1. 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.

  1. User menu​

Create a component UserMenu, that displays the user's email and a logout button. Here's what its markup might look like.

Styling

You can use a styling library or components such as Chakra UI or Material UI.