My Phone Book

This Web Phonebook application allows users to store their contacts online. Users can sign in or register a new account, add, edit and delete contacts, and search by phone number or name.

Functionality

• Login and Registration: Users can create a new account or log in using existing credentials.
• Contacts: Add, edit and delete contacts and search by name or phone number.
• Validation and Notifications: Automatic validation of input data in forms and notification of action results.
• Animation and Interface: Using animation effects and changing interface styles depending on the state of the application.
• External APIs: Interaction with an external REST API to store and retrieve information about users and contacts.

Technologies used

• React
• React Redux Toolkit
• React Router
• JavaScript
• REST API
• HTML/CSS
• Formik for managing forms
• clsx for dynamic CSS classes
• React-Toast for notifications
• AOS animation
• Fuse to find contacts
• Yup for validation

Link

• GitHub repository
• Live page