This project was bootstrapped with Create React App.
- 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.
-
Clone the repository:
git clone https://github.com/ShevchenkoOl/event-istener.git
-
use
npm install
command to install package dependencies -
Navigate to the relevant section to explore the corresponding material.
-
Open files and study the provided code examples.
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.