En este proyecto, crearás una página web destinada a visualizar, filtrar y ordenar el catálogo de películas de The Movie Database API V3. Esta página puede servir como un catálogo de películas general, pero también, si te animas, puedes considerar la posibilidad de diseñarla para un público y usuarias específicas con preferencias como "películas western" o "películas de las 80's" por ejemplo.
Para implementar este proyecto deberás elegir un framework entre React y Angular. Al elegir un framework o librería para nuestra interfaz, nos apoyamos en una serie de convenciones e implementaciones probadas y documentadas para resolver un problema común a toda interfaz web: mantener la interfaz sincronizada con el estado. Esto nos permite concentrarnos mejor (dedicar más tiempo) en las características específicas de nuestra aplicación.
Cuando elegimos una de estas tecnologías no solo importamos un pedacito de código para reusarlo (lo cuál es un gran valor per se), si no que adoptamos una arquitectura, una serie de principios de diseño, un paradigma, unas abstracciones, un vocabulario, una comunidad, etc...
Como desarrolladora Front-end, estos kits de desarrollo pueden resultarte de gran ayuda para implementar rápidamente características de los proyectos en los que trabajes.
Yo como usuaria quiero visualizar en un tabla (filas y columnas) el catálogo de películas.
- Al visitar la aplicación deployada se visualizará en una tabla (filas y columnas) el catálogo de las películas más populares de The Movie Database API V3.
- La usuaria puede ver la información relevante de cada pelícla (título y año de lanzamiento).
- La funcionalidad cumple satisface los criterios de aceptación.
- La funcionalidad tiene test unitarios.
- El diseño visual corresponde al prototipo de alta fidelidad.
- El código de esta funcionalidad recibió code review.
Yo como usuaria quiero navegar el catálogo de películas dividido por páginas.
- Al visitar la aplicación deployada se visualizará el catálogo de las películas divido por páginas.
- Se podrá avanzar y retroceder para visualizar los resultado usando flechas de navegación en la UI.
- La funcionalidad cumple satisface los criterios de aceptación.
- La funcionalidad tiene test unitarios.
- El diseño visual corresponde al prototipo de alta fidelidad.
- El código de esta funcionalidad recibió code review.
Yo como usuaria quiero filtrar y ordenar el catálogo de películas usando los criterios soportados por TheMovie Database API V3
- Para filtrar se debe usar el endpoint /discover/movie, y alguno de sus parámetros como por ejemplo with_genres.
- Para ordenar se debe usar el endpoint /discover/movie, y alguno de sus parámetros como por ejemplo sort_by.
- La paginación debe conservar el filtro y ordenamiento
- Para cada película se debe mostrar como mínimo: poster, título original y año de lanzamiento.
- Los componentes desarrollados deben contar con test unitarios.
Yo como usuaria quiero consultar los detalles de una película
- Se debe usar el endpoint /movie/{movie_id}.
- Para la película se debe mostrar como mínimo: poster, título original, año de lanzamiento, géneros, promedio de votación y total de votos.
- La interfaz debe permitir retornar al listado de películas conservando el filtro y ordenamiento.
- Los componentes desarrollados deben contar con test unitarios.
