Phonebook

Simple and comfortable environment for your contacts, helps you to keep in touch.

Link

Start using on live page generated with github-pages environment. Link is also available in this repo's about section (at the top).

Content:

• About
• Technologies
• How to use
• Backend-associated features
• Setup
• License

About

Phonebook is a React app that provides simple and useful functionality to every user and made with the help of React & Redux Toolkit, uses backend on Swagger (fetches with CreateAsyncThunk and Axios).

It was created as my educational project while studying Frontend development.

Phonebook is usable both on PC and phone due to responsive layout made with Chakra-UI features.

Technologies

• HTML;
• CSS;
• JS;
• React (React Hooks);
• React Router DOM;
• Redux Toolkit (createSlice);
• Redux Thunk;
• React-toastify;
• Axios;
• Chakra-UI.

How to use

1. Register with unique email;
2. Log in with email you have registered account on;
3. Enjoy using your Phonebook! You are free to add, edit and delete contacts;
4. If you need one more account: log out and go to step 1.

You can create as many accounts as you need. Unique contacts will be available for every account and will never be lost or mixed up.

Backend-associated features

• Create a new user (POST request);
• Login user (POST request);
• Log out user (POST request);
• Get information about thecurrent user (GET request);
• Get all user contacts (GET request);
• Create a new contact (POST request);
• Delete contact (DELETE request);
• Update an existing contact (PATCH request).

Setup

• download or clone the repository
• run npm install
• run npm start

License

MIT