Rebuild the following application:
https://hyf-react-reexam.herokuapp.com/
- Make a
fork
of this repository (to your personal account) Clone
the fork to your local machine- Navigate to the folder
class27-react-reexam
and executenpm install
- Get started with building!
- Create and use at least 3 reusable components
- Use
react-router-dom
for navigating to the second page - Make use of the
useState
anduseEffect
hooks - Add a "loading" state (use the provided
spinner.gif
) - Add an error handling state
- Fetch users after the component mounts
- Put an identifier (the
uuid
property found in the user object) in the URL when showing a single user's details - Add a "BACK" button to return to
/
- Use the following API: https://randomuser.me/api/?results=5
The test will last 2 hours: from 12.00 - 14.00
- Push your code to your forked repository
- Make a pull request to the original repository, with a message like:
React Reexam <YOUR_NAME>
Tips:
- Whatever you do, stay calm!
- Split the problem up into smaller pieces
- If something is too difficult, move on to the next thing
Good luck!