User Data Retriever and Viewer

This simple web app retrieves and displays randomly generated data kindly provided by RandomUser.me.

If you want to see the app's insides, check out its GitHub repository.

Technical notes

• Here's how this small project evolved over time:
  • It was built on React using Create React App as a starting point. Initially, all of its components and helper functions were written in JavaScript (ECMAScript 2015+).
  • Some Material-UI components were added to ensure a more uniform look and feel when the app is opened in different browsers.
  • All of the components and helper functions were rewritten in TypeScript.
  • Redux was added as part of Redux Toolkit.

• When id is specified among the properties to be retrieved, some user IDs returned by RandomUser.me are empty/null:

  id: {name: "", value: null}

  In Data Viewer, each empty name is displayed as <"">, and each null value is displayed as <null>.

• It is not advisable to select too many properties at once as the resulting table may be cluttered with retrieved data, and some indivisible pieces of data (e.g. a phone number, an email address, or a web address) may have to be forced to wrap.