Luiggi-piero / randomuser-list-react-query

Consumo de la api random-user

Home Page:https://random-users-rq.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Consumo de la api random-user

https://random-users-rq.netlify.app/


Languages

Language:TypeScript 80.6%Language:CSS 12.3%Language:JavaScript 3.8%Language:HTML 3.2%