Skip to content

Commit 2fe1a16

Browse files
authored
Update README.md
1 parent 1d5cdc7 commit 2fe1a16

File tree

1 file changed

+4
-7
lines changed

1 file changed

+4
-7
lines changed

README.md

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,17 @@
1-
# Contact book, integrating state management with Redux Toolkit
1+
# Contact book, integrating state management with Redux Toolkit
22

3-
## 🛠 Tools used
3+
## Description
44

5-
[![My Skills](https://skillicons.dev/icons?i=html,css,js,react,redux,npm,webpack,vscode)](https://skillicons.dev)
6-
7-
![Description](https://img.shields.io/badge/Description-purple?style=for-the-badge)
85
This project refactors the Contact Book app by integrating state management with Redux Toolkit. It includes actions for saving, deleting contacts, and updating the filter. The app uses `redux-persist` to store the contacts in `localStorage` and connects React components with Redux using `react-redux`. The initial Redux state consists of an empty contacts array and a filter string.
96

10-
![Features](https://img.shields.io/badge/Features-purple?style=for-the-badge)
7+
## Features
118

129
- **Add Contacts**: Users can add contacts with a name and phone number. The application ensures that contact names adhere to a specific pattern and prevents the addition of duplicate names.
1310
- **Search and Filter**: A search field is provided to filter contacts by name, with case-insensitive matching.
1411
- **Contact List Management**: Users can view a list of all contacts and remove any contact they no longer need.
1512
- **Component Refactoring**: The application is refactored from a single component into multiple independent components, enhancing modularity and readability.
1613

17-
![Key Learning Objectives:](https://img.shields.io/badge/Key%20Learning%20Objectives-purple?style=for-the-badge)
14+
## Key Objectives:
1815

1916
- **State Management**: Manage and update state in React, particularly how to structure state to store multiple properties and handle user inputs in a controlled manner.
2017
- **Componentization**: The importance of breaking down an application into smaller, reusable components became evident. This approach not only simplifies development but also makes the codebase easier to maintain and scale.

0 commit comments

Comments
 (0)