El siguiente examen práctico solicita que diseñe y desarrolle un sitio web para visualizar películas y detalles de ellas a partir del consumo de una API. Los requerimientos son:
-
Diseñar Mockups del sitio Web que posea: a. Pantalla de inicio donde se presente de manera creativa, uno o varios listados de películas actuales o por categorías, y un menú o barra de navegación con su barra de búsqueda. b. Pantalla de detalle donde se pueda ver los detalles básicos de una película como la sinopsis, calificación, carátula, reparto, etc... Al dar clic en cualquier película de la página principal. c. Pantalla de Perfil. d. Pantallas de autenticación tanto Registro, Inicio de sesión como recuperar contraseña.
-
Recrear la maquetación diseñada anteriormente, en la tecnología elegida para crear el sitio web.
-
Tanto las pantallas de Perfil como las de autenticación se mostrarán con datos de prueba ya que no se desarrollará Backend para este módulo, pero se debe poder interactuar con ellas y si hay formularios deben estar validados.
-
Para la pantalla principal se deberá consumir la API https://developers.themoviedb.org/3/movies/ para obtener el/los listados de películas utilizar cualquiera de los servicios Get Latest, Get Now Playing, Get Popular o Get Upcoming como crea conveniente. Nota: para utilizar la API deberá registrarse en la página y generar una api key según la documentación https://developers.themoviedb.org/3/getting-started/introduction
-
Para la pantalla de detalles mostrar datos básicos que provee la API según la película seleccionada en el servicio https://developers.themoviedb.org/3/movies/get-movie-details.
-
Al finalizar, la aplicación deberá enviarse por correo electrónico comprimida y deberá contener el nombre del participante de la siguiente manera: PrimerNombrePrimerApellido.zip o 7z, también proporcionar link o archivo de Mockups de Figma o AdobeXD.
-
Crear un video de máximo 5 minutos, mostrando un breve funcionamiento del desarrollo y código.
Proyecto construido con NextJs12 y React 18.2
Usando dependencias como Materialize y SweetAlert
Uso de context para almacenar el usuario lo que limita a recarga
🔒️ PARA CAMBIAR LA CLAVE Es necesario un PIN esto lo realice de esta forma para simular la validación de un terciario en cuestión de seguridad, dicho PIN es Root1L
LINK DEL SITIO DESPLEGADO https://vercel.com/darkkingpro10/echo-tech-exam