Proyecto Integrador | Diseño Web

Puntos que deberán tener en cuenta para realizar el proyecto del módulo de Diseño Web.

  • Debe ser realizado en su totalidad con HTML y CSS (Sin JS, ya habrá tiempo para darle funcionalidad a las páginas en el siguiente modulo).

  • Deberá tener un navbar que navegue las diversas secciones de la web (Al hacer click en algún enlace del navbar, que se haga scroll hasta dicha sección).

  • Debe contener una sección de Hero o Portada, que este relacionada con la temática elegida (Pueden tomar la estructura del Hero realizado en el NUCBA NFT como ejemplo).

  • Debe tener una sección "About Us" o de "Beneficios" , que tenga información respecto a la temática que elegimos para la página.

  • Debe contar con una sección de cards con imágenes. Estas cards pueden ser de producto o de información ( En caso de ser de producto, debe tener un título, un precio y un botón de compra).

  • Debe contener una sección de contacto (Puede tener un formulario de contacto y la información de contacto y localización de la página, así como también un iframe con un mapa).

  • Debe contar con un footer.

  • Deberá contar con una página de login y una de registro (externas a la landing pero vinculadas a la misma, y de las cuales se pueda volver a la landing).

  • Debe ser responsive, adaptable a todos los dispositivos y poseer menú hamburguesa(que sea funcional usando el método que vimos en clase) para aquellas resoluciones en las que sea necesario.

  • No pueden usar Lorem, piensen una idea de página y que los textos sean acordes a su página.

  • Deberán entregar el link de Github y el de Vercel. Asegúrense de que no tengan el repositorio en privado y de no entregar el link a su Dashboard propio en Vercel.

Les dejamos un checklist que pueden usar para ir llevando un control de las tareas que ya realizaron y las que les faltan por realizar del integrador. Es únicamente una herramienta para ayudarlos con su organización personal. No dejen de revisar este posteo antes de entregar para ver si cumplen con todo.


Happy Coding 🚀

Aprovechen este trabajo para realizar algo que destaque, y disfruten el proceso.

🔗 Recursos