ContactBook App

Welcome to ContactBook, the web app designed to help you effortlessly manage your contacts. Say goodbye to scattered notes and hello to an organized and user-friendly way of storing your contacts online. 📇💻

Table of Contents

• Main Features
• Get Started
• Usage
• Contributing
• Get in Touch
• Technologies Used

Features

• Add and Edit Contacts: Input details such as names, phone numbers, and more. Easily update them whenever needed. ✏️

• Search and Filter: Effortlessly find specific contacts without wasting any time. 🔍

Get Started

Join our user community and revolutionize how you manage your contacts. Create an account or log in to an existing one to get started. Access your contacts anytime, anywhere, and streamline your contact management process. 🌟

Usage

To use ContactBook:

1. Sign up for an account.
2. Add your contacts using the "Add Contact" feature.
3. Edit, search, and filter your contacts as needed.

Contributing

We welcome contributions! If you have ideas for improvements or new features, feel free to contribute. Fork this repository, make your changes, and submit a pull request. 🤝

Get in Touch

Have questions or feedback? Reach out to us at [ vasylkiv.t@gmail.com ].

Start organizing your contacts today with ContactBook! 🚀

Technologies Used

Core Technologies

• HTML: Structuring the content and layout of the web app.
• CSS: Styling and designing the interface for an appealing look.
• JavaScript: Adding interactivity and functionality to the app.

Libraries and Frameworks

• React: Building the user interface and managing state efficiently.
• React Router DOM: Managing navigation and routing within the app.
• Redux Toolkit & React Redux: State management for complex applications.
• Redux Thunk: Handling asynchronous actions in Redux.
• Formik & Yup: Form handling and validation for user inputs.
• Styled Components: Styling components with scoped CSS in JS.
• Axios: Handling HTTP requests for smooth data retrieval.
• Redux Persist: Persisting Redux state in local storage.
• React Transition Group: Managing animations in React components.

Additional Dependencies

• @reduxjs/toolkit: Redux toolset for efficient Redux development.
• Modern Normalize: A modern alternative to CSS resets.
• Prop Types: Runtime type checking for React props.
• React Debounce Input: Adding debouncing functionality to input elements.
• React Hot Toast: Toast notifications for React applications.
• React Icons: Access to popular icon packs as React components.
• React Spinners: Loading spinners for React components.