https://github.com/yevheniidatsenko/goit-react-woolf-hw-02-phonebook

⚛️ React Hometask - Phonebook
https://github.com/yevheniidatsenko/goit-react-woolf-hw-02-phonebook

css3 goit goit-react-woolf-hw-02-phonebook javascript react

Last synced: 5 days ago
JSON representation

⚛️ React Hometask - Phonebook

• Host: GitHub
• URL: https://github.com/yevheniidatsenko/goit-react-woolf-hw-02-phonebook
• Owner: yevheniidatsenko
• Created: 2024-02-12T19:39:23.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-15T20:29:21.000Z (10 months ago)
• Last Synced: 2024-02-15T21:36:24.018Z (10 months ago)
• Topics: css3, goit, goit-react-woolf-hw-02-phonebook, javascript, react
• Language: JavaScript
• Homepage: https://yevheniidatsenko.github.io/goit-react-woolf-hw-02-phonebook/
• Size: 2.28 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Phonebook Application

This is a simple React application for managing contacts in a phonebook.

## Features

- Add new contacts with a name and phone number.

- Display a list of contacts.

- Filter contacts by name.

- Responsive design for various screen sizes.

## Components

- **App**: The root component managing the state of contacts and filter.

- **ContactForm**: Component for adding new contacts.

- **ContactList**: Component for displaying the list of contacts.

- **Filter**: Component for filtering contacts by name.

## Installation

1. Clone this repository.

2. Run `npm install` to install dependencies.

3. Run `npm start` to start the development server.

## Technologies Used

- React

- CSS Modules

Feel free to explore the code and use it as a reference for your own projects!