GoIT React Homework 08: Phonebook

This project is a React-based web application for managing a phonebook. Users can add new contacts, delete existing contacts, and filter the contact list based on name or phone number.

The project is part of the GoIT React course homework assignments.

Features

The Phonebook application includes the following features:

Add Contact: Users can add a new contact to the phonebook by entering the contact's name and phone number in the input fields and clicking the "Add Contact" button. The new contact is then added to the contact list.

Delete Contact: Users can delete an existing contact from the phonebook by clicking the "Delete" button next to the contact in the contact list. The contact is then removed from the list.

Filter Contacts: Users can filter the contact list by typing a name or phone number in the search field. The contact list is then updated to display only the contacts that match the search query.

Getting Started

To get started with the Phonebook application, follow these steps:

Clone the repository to your local machine:

git clone https://github.com/medvol/goit-react-hw-08-phonebook.git

Navigate to the project directory:

cd goit-react-hw-08-phonebook

Install the project dependencies:

npm install

Start the development server:

npm start

Open your web browser and navigate to http://localhost:3000 to view the application.

Dependencies

The Phonebook application uses the following dependencies:

• react: A JavaScript library for building user interfaces.
• react-dom: A package that provides DOM-specific methods that can be used at the top level of a web application to enable React to interact with the DOM.
• react-redux: A library that provides a set of helper functions for building Redux applications with React.
• redux: A predictable state container for JavaScript applications.
• redux-thunk: A middleware for Redux that allows you to write async logic that interacts with the Redux store.