Henry: Módulo 2

Proyecto integrador

Este proyecto es parte del bootcamp: Desarrollo Full Stack de Henry.

Apuntes de clases: https://www.notion.so/M-dulo-2-3134f0af67664fb3b14fd76e9c1516fa

Clase 1 Proyectos Full Stack

ACTIVIDAD 1

Clonar el repositorio del proyecto y explorar su estructura. Identificar los dos archivos package.json de ambas partes del proyecto.

ACTIVIDAD 2

Instalar las dependencias de la aplicación de Front-End y probar el funcionamiento con el comando “npm start”. Esto debería “levantar” nuestra aplicación de front en el navegador.

ACTIVIDAD 3

Diseñar la página web con la que estaremos trabajando. Se trata de una página de películas, por lo que el diseño debe ser acorde a la temática. Esto implicará:

  1. Generar los archivos css necesarios y vincularlos al documento index.html.

  2. Generar la plantilla HTML con sus elementos y asignar las clases y ids correspondientes para seleccionarlos y darles estilos

ACTIVIDAD 4

Mapear los objetos incluídos en el array tempData para construir con sus datos las tarjetas correspondientes a cada película. Incluir estas tarjetas en el contenedor que hayas creado.

ACTIVIDAD 5

Incluir en la página web enlaces a páginas estáticas. Estas páginas estáticas (mínimo 2) tendrán una temática a tu elección. Sugerencias: “Sobre mi proyecto”, “Historia del cine”, “Webs recomendadas”

ACTIVIDAD 6

Configurar correctamente los enlaces desde index.html para poder navegar hacia estas páginas, y luego desde las mismas poder regresar al index