Challenge Tres de Seis | Formación Front-End | Portafolio Personal

Portaforlio_Web-Oracle-ONE-Challenge

Página Web:

https://eduardout.github.io/Portafolio_Web-Oracle-ONE-Challenge/

Vista previa:

Publicado en el topic: https://github.com/topics/challengeoneportafolio

Tercer proyecto de Alura Latam en el que el desafío será crear un portafolio personal en el que mostremos nuestros proyectos desarrollados a lo largo de nuestra carrera como Devs, compartir nuestras experiencias laborales, así como nuestras soft-skills, este será dividido en diversas etapas:

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 Por ejemplo: Pasatiempos: actividades que disfruta hacer. 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, como por ejemplo: los proyectos del retador principiante en programación.

• Debe tener un formulario de contacto con los siguientes campos

         1) Correo electrónico
         2) Nombre
         3) Asunto
         4) Mensaje
  

  -El formulario debe contar con las siguientes validaciones:

  • Nombre:

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

  • Correo:

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

  • Asunto:

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

  • Mensaje:

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

  • Botón Enviar

    1. El botón enviar solo debe ser activado cuando todos los campos del formulário estén llenos
    2. El botón debe enviar el mensaje.

• Debe tener un Pie de página con la información de la persona que desarrolló el portafolio.

• Es de extrema importancia que el portafolio sea 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.