React coding test

React Front end coding test

The test

Create a react app that consumes data from https://randomuser.me. The app should fulfil the following requirments:

Requirements

Must Have

• Have an infinitely scrolling page that has cards for each user with their:
  • Profile Picture
  • Name
  • DOB
  • Gender

Extra

• When a user clicks on one of these cards a modal should appear with all the extra information provided by the api such as address, age, etc.
• Make use of loading states, error states, etc
• The page must look cohesive and well designed
• Avoid using a design system like Ant, Minimal UI or Bootstrap.

Bonus

• CSS animations
• The page must be responsive sizing to different screens including mobile.
• Submit a small write up with the following:
  • How you designed the app and your thought process
  • Design decisions made and why
  • Thoughts on scaling up the app
  • Thoughts on the SEO capabilities

Notes

Please try and avoid using external libraries where possible. If you do use an external library include a section in your write up as to why you chose it.