Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luiggi-piero/react-buscador-peliculas
Buscador de películas
https://github.com/luiggi-piero/react-buscador-peliculas
react usecallback-hook useeffect-hook usestate-hook
Last synced: 29 days ago
JSON representation
Buscador de películas
- Host: GitHub
- URL: https://github.com/luiggi-piero/react-buscador-peliculas
- Owner: Luiggi-piero
- Created: 2024-03-26T00:05:12.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-21T18:48:22.000Z (6 months ago)
- Last Synced: 2024-10-05T17:16:42.213Z (about 1 month ago)
- Topics: react, usecallback-hook, useeffect-hook, usestate-hook
- Language: CSS
- Homepage: https://buscador-peliculas-vivo.netlify.app/
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
## Enunciado
Crea una aplicación para buscar películas
API a usar: - https://www.omdbapi.com/
Consigue la API Key en la propia página web registrando tu email.
api_key: 507010ffhttps://www.omdbapi.com/?apikey=507010ff&s=avengers
Requerimientos:
✅ Necesita mostrar un input para buscar la película y un botón para buscar.
✅ Lista las películas y muestra el título, año y poster.
✅ Que el formulario funcione
✅ Haz que las películas se muestren en un grid responsive.
✅ Hacer el fetching de datos a la API
Primera iteración:
✅ Evitar que se haga la misma búsqueda dos veces seguidas.
✅ Haz que la búsqueda se haga automáticamente al escribir.
✅ Evita que se haga la búsqueda continuamente al escribir (debounce)