https://github.com/hackyourfuture/class27-react-test
https://github.com/hackyourfuture/class27-react-test
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/hackyourfuture/class27-react-test
- Owner: HackYourFuture
- Created: 2020-07-28T10:30:39.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-10T08:40:24.000Z (almost 6 years ago)
- Last Synced: 2025-03-04T19:31:00.756Z (over 1 year ago)
- Language: HTML
- Size: 109 KB
- Stars: 0
- Watchers: 34
- Forks: 9
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React Test
The test is to rebuild the following application:
http://hyf-react-test.herokuapp.com/
### How to start
1. Make a `fork` of this repository to your personal account
2. `Clone` the fork to your local machine
3. Navigate to the folder `class27-react-test`
4. Execute `npm install` in the root of the folder
5. Get started with building!
### The requirements
- Create and use **at least 3 reusable functional components**
- Make use of React hooks: at least `useState`
- Every time a user **clicks** on the button, it should **fetch new users**
- Use the following API: https://randomuser.me/api/?results=5
- Add a **loading state** when the data is fetching (find a loading spinner by Googling)
- Add an **error message** in the UI if something went wrong
### Duration
This test will last **2 hours**.
### How to submit your test
1. Push your code to your forked repository
2. Deploy your test on Netlify
3. Make a pull request to the original repository, with a message like: `React Test `. Include the link to the deployed application URL
### Tips:
1. Whatever you do, stay calm!
2. Split the problem up into smaller pieces
3. If something is too difficult, move on to the next thing
Good luck!