/Portfolio

Sprint 01 Front End - ONE + Alura Latam - Portfolio

Primary LanguageHTML

Portfolio 💼

Primer Sprint del Challenge Front End !!! Vamos a trabajar en la construcción de un Portfolio.-

📄Requisitos:

  • Debe tener un menú de navegación.
  • Debe tener una imagen que se utilizará como banner.
  • Debe contener una sección sobre mí.
  • Debe tener una foto de perfil.
  • Debe incluir enlaces a sus redes sociales.
  • Debe tener sus datos personales:
1) Nombre
2) Edad
3) Nacionalidad
4) Biografía
  • Debe tener una sección de Hobbies y Soft Skills. Habilidades blandas: comunicación, liderazgo, empatía.-
  • Debe tener una sección de formación y cursos. Aquí puedes poner las formaciones y cursos que has realizado, aunque no esté en el área de programación.
  • Debe tener experiencia en la sección de programación. Aquí puedes poner los proyectos que ya has realizado anteriormente.
  • Debe tener un formulario de contacto con los siguientes campos:
Correo electrónico
Nombre
Asunto
Mensaje
  • Debe tener un Pie de página con la información de la persona que desarrolló el portafolio.
  • El Portfolio debe ser responsivo, lo que quiere decir que debe adaptarse a los diferentes tamaños de pantallas, pudiendo ser desktop, tablet o celular.

✍️ Extras:

  • La página debe contener un botón que le permita ver, en una nueva pestaña, una versión PDF de su currículum.
  • Validaciones:

    • Validación del formulario de contacto:

      • Campo Nombre/Asunto:

        • No debe estar en blanco o vacío.
        • Debe contener máximo 50 caracteres.
        • Mostrar mensaje de error específico cuando alguna de estas condiciones no sea cumplida

      • Campo e-mail:

        • No debe estar en blanco o vacío.
        • Deber estar en formato e-mail conteniendo el caracter especial @ seguido de un dominio o proveedor seguido de un punto(.) Ejemplo: texto@texto.com
        • Mostrar mensaje de error específico cuando alguna de estas condiciones no sea cumplida

      • Campo Mensaje:

        • No debe estar en blanco o vacío.
        • Debe contener máximo 300 caracteres.
        • Mostrar mensaje de error específico cuando alguna de estas condiciones no sea cumplida

      • Boton enviar:

        • Solo debe ser activado cuando todos los campos del formulário estén llenos
        • Debe enviar el mensaje.

🔋Recursos y Materiales: