https://github.com/redradix/blafilms
https://github.com/redradix/blafilms
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/redradix/blafilms
- Owner: redradix
- Created: 2021-01-25T17:28:34.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-06-04T05:22:32.000Z (12 months ago)
- Last Synced: 2024-06-04T06:29:04.503Z (12 months ago)
- Language: JavaScript
- Size: 575 KB
- Stars: 0
- Watchers: 5
- Forks: 27
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Segunda prueba del proceso de selección.
Este repositorio contiene una mini app que se encarga de mostrar las películas/series que se obtienen de la api de [OMDB](http://www.omdbapi.com/).
### Puesta en marcha.
Hazte fork del repositorio para realizar la prueba.
Debes tener [node](https://nodejs.org/es/) y [yarn](https://yarnpkg.com/) instalados.
Entra en el directorio y ejecuta `yarn` para descargar las dependencias.
Después, simplemente ejecutando `yarn start` se arrancará la aplicación.
### Instrucciones.
La idea es que dediques un par de horas más o menos.
Si te quedas bloqueado o tienes cualquier problema no dudes en parar y preguntarnos por mail.
Si no somos capaces de resolver tus dudas por mail, se podría hacer una videoconferencia rapidita para ver el problema.
Ahora mismo todo está implementado en el fichero `App.js`, pero no tiene que quedar así necesariamente. Si lo ves oportuno puedes refactorizar y extraer funcionalidad a diferentes ficheros.
La idea es que veamos como programarías en un proyecto real.
Cuando termines el ejercicio, pásanos el link para ver el código.
### Comportamiento inicial.
Al arrancar la aplicación verás que muestra 10 resultados.
Esto es porque hace una petición inicial a la api con el parámetro de búsqueda `king`.
```
const response = await fetch('http://www.omdbapi.com/?apikey=a461e386&s=king')
```
### Objetivo.
Queremos buscar en la api de OMDB lo que se escriba en la caja de búsqueda.
Debes hacer que en lugar de pasar el parámetro de búsqueda `king` hardcodeado, ese parámetro sea lo que haya en el input cuando se haga click en el botón `Search`.
### Precauciones
- La api de OMDB devuelve dos veces la misma película al buscar con la palabra "king". Eso hace que cuando se pintan esas primeras 10 películas haya un error en la consola porque encuentra dos items con la misma key. Alguna idea de como gestionarlo?