This project calls random user data from an API and displays it in a card grid.
If you click a card, it will expand to display additional details about the user. Click the card again to close it or simply click on another user.
At any point, you may click the button at the top of the page to retrieve a new set of users.
By default, the app will display 10 users at a time. You may select from the drop-down and again click the button to customize the number of users shown.
When you resize your screen the number of columns will change to accommodate the available space, per the provided requirements.
The app was built using the following technologies:
- React
- Axios
- PropTypes
- Flexbox
- Styled Components
- MUI Custom Theme