- Fork and clone this repo
- run
npm install
to install, thennpm start
to start. - Implement the TODOS below.
- Do the bonuses if you have time.
- Functionality first, styling last.
- Fetch the data from the external API. You may use
fetch
,axios
(already installed), or something else. - Implement the
SearchBar
functionality. When the user types in the search bar, show only the users whose name, country, or company match the user input. - Implement a button that shows / hides the
about
paragraph for a user. - Implement an
Expand All
button - Implement a
Collapse All
button
- Display
No results for {input}
when there are no results. - Loading state
- Error state when the API returns an error
- Additional styling
- The API url is https://users-app-backend.onrender.com/users
- You do not need to worry about loading and error states. Do not spend time building these.
- You must fetch data from the API. Do not copy paste or hard-code data.
- Do not change the component tree. Do not add or remove components, or change any parent-child relationships.
- You can (and will have to) add props or state to the existing components.
- You can change or add to the styling of the components, but this is not required.