Skip to content

Samokhvalova-Nata/goit-react-hw-08-phonebook

Repository files navigation

Phonebook application with asynchronous operations that allows to store, search, and edit contacts

Click link: Phonebook.

The application consists of 4 pages:

Home

  • "/" - the homepage with button with transition to Contact page (for authenticated users) or to Login page (for unauthenticated users).

Main page

Register

  • "/register" - a public route for registration a new user with a form.

Register page

Login

  • "/login" - a public route for logging in an existing user with a form.

Login page

Contacts

  • "/contacts" - a private route for managing the user's contact list.

Contacts page

Phonebook managment functions:

Add new contact filling out the form

Add contact

Find contact in phonebook by name

Find contact

Delete or edit contact

Delete edit contact Edit contact modal

For start use command:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.

Technology Stack:

React  ReactRouter  ReactRedux  HTML  CSS  JavaScript  Axios  MUI