shevchenkool / event-istener

Event Listener

This project was bootstrapped with Create React App.

The project created to practice using an event listener in framework React:

• Two identical counters, the first uses functional components (hooks - used to control state), the second using a class component (the old method);
• Feedback is a functional component that has three buttons: Good, Neutral and Bad. After the user leaves rating, a statistics component appears at the bottom that counts the number of reviews left by category, the total and the percentage of positive reviews left;
• The phone book is a functional component that has two fields for entering a name and phone number; after entering this data, a list of added contacts is created below, which we can delete, view details (a modal window opens) or find the contact we need by name. This project uses the nanoid library, which creates an id for each contact and notiflix.

How to Use the Repository

1. Clone the repository: git clone https://github.com/ShevchenkoOl/event-istener.git

2. use npm install command to install package dependencies

3. Navigate to the relevant section to explore the corresponding material.

4. Open files and study the provided code examples.

Author

This repository was created and maintained by Oleksii Shevchenko. Questions, suggestions and feedback can be directed to email or linkedin profile. If you have any questions or suggestions, feel free to create an issue or submit a pull request.