https://github.com/luiggi-piero/randomuser-list-react-query
Consumo de la api random-user
https://github.com/luiggi-piero/randomuser-list-react-query
react react-query react-query-devtools
Last synced: 3 months ago
JSON representation
Consumo de la api random-user
- Host: GitHub
- URL: https://github.com/luiggi-piero/randomuser-list-react-query
- Owner: Luiggi-piero
- Created: 2024-04-23T19:04:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-23T19:04:56.000Z (about 1 year ago)
- Last Synced: 2025-02-02T02:13:45.226Z (5 months ago)
- Topics: react, react-query, react-query-devtools
- Language: TypeScript
- Homepage: https://random-users-rq.netlify.app/
- Size: 32.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:
- [x] Fetch 100 rows of data using the API.
- [x] Display the data in a table format, similar to the example.
- [x] Provide the option to color rows as shown in the example.
- [x] Allow the data to be sorted by country as demonstrated in the example.
- [x] Enable the ability to delete a row as shown in the example.
- [x] Implement a feature that allows the user to restore the initial state, meaning that all deleted rows will be recovered.
- [x] Handle any potential errors that may occur.
- [x] Implement a feature that allows the user to filter the data by country.
- [x] Avoid sorting users again the data when the user is changing filter by country.
- [x] Sort by clicking on the column header.
