Este repositorio contiene una mini app que se encarga de mostrar las películas/series que se obtienen de la api de OMDB.
Hazte fork del repositorio para realizar la prueba.
Debes tener node y yarn instalados.
Entra en el directorio y ejecuta yarn para descargar las dependencias.
Después, simplemente ejecutando yarn start se arrancará la aplicación.
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.
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')
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.
- 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?