En este control se implementará un cuadro de búsqueda de películas que acceda a The Movie Database, busque la película que el usuario ha intruducido y vuelque los resultados en un listado.

• La documentación de la API está aquí: https://developers.themoviedb.org/3
• La API Key que usaremos para acceder a la API será este: 486d343f9b5ccc40cd5650b69fc70c5e

Tendremos que usar Typescript para este miniproyecto, pero me pueden preguntar si tienen demasiados problemas con los tipos.

Dentro de src hay tres directorios vacíos.

• controllers: Este directorio contiene lógica de la aplicación. No debería tener que dibujar cosas al DOM

• tmdb-client: Será una clase que sólo debe consultar la API de The Movie Database.

• utils: Utilidades que no sepan donde meter pero que se reutilizan. Ojo con no meter muchas cosas aquí!

• views: Será una clase cuyo único propósito es dibujar datos en el DOM. Esta clase no hace falta testearla

Tienen un ejemplo parecido en este repositorio.

Le pueden dar estilos a la lista de películas o al formulario, pero lo más importante en este ejercicio es la parte de Javascript.

En este listado, lo ideal sería mostrar el título, la valoración y el póster.

Deben dejar la aplicación lo mejor que puedan. Se valorarán:

• Tests
• Documentación
• Estructuración del código (dividido en varios ficheros)
• Legibilidad y limpieza
• Buen uso de TypeScript
• Buen uso de Programación Orientada a Objetos, encapsulación, etc...
• Buen uso de la Programación Funcional, inmutabilidad, pureza...

Opcionalmente si terminan la parte de las películas pueden ampliarlo para que permita buscar series.

desde la terminal $ npm run serve para compilar npm run build