Skip to content

Luiggi-piero/randomuser-list-react-query

Repository files navigation

TypeScript y React

El objetivo es crear una aplicación similar a la que se proporciona en este enlace: https://midu-react-11.surge.sh/. Para lograr esto, debe usar la API proporcionada por https://randomuser.me/.

Los pasos a seguir:

  • Fetch 100 rows of data using the API.
  •  Display the data in a table format, similar to the example.
  • Provide the option to color rows as shown in the example.
  • Allow the data to be sorted by country as demonstrated in the example.
  • Enable the ability to delete a row as shown in the example.
  • Implement a feature that allows the user to restore the initial state, meaning that all deleted rows will be recovered.
  • Handle any potential errors that may occur.
  • Implement a feature that allows the user to filter the data by country.
  • Avoid sorting users again the data when the user is changing filter by country.
  • Sort by clicking on the column header.

image