Description
The app is designed like Contacts in Android or IOS. The data is passed through props to the Contacts class component, which in turn renders a list of contacts using the Contact class component. The search logic is performed in the Contacts component. This component has a contacts state that stores the data coming from the props, and if data comes from the Search component (search by name, gender, phone number), the state will change its value to a filtered array based on the search parameters.
Screenshots
Links