PROY31: Newsletter Sign-Up Form With Success Message

PROY31: Newsletter Sign-Up Form With Success Message

Bienvenido,

Nuestra misión será crear un formulario de suscripción con mensaje, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño.

Los usuarios deberían poder:

  1. Ver un diseño óptimo en pantallas grandes(1200px) y pequeñas(375px).

  2. Ingresar un correo electrónico y enviar el formulario.

  3. Ver un "mensaje de éxito" con el correo.

  4. Ver mensajes de validación del formulario si:

    • El campo correo está vacío. El mensaje de este error debería decir "[Nombre del campo] no puede estar vacío".

    • La dirección de correo electrónico no tiene el formato correcto. El mensaje de este error debería decir "Parece que este no es un correo electrónico".

Consideraciones:

  1. Agregar icono favicon al proyecto.

  2. Renombrar URL fácil de recordar (ej. newsletter-signup-form-success-message).

  3. Agregar título al proyecto (ej. Newsletter SignUp Form Success Message - Frontend Club).

  4. Bonus: Documenta el proyecto con un archivo readme.md

Recursos

Lista de recursos para ayudarte a completar el reto.

  1. Clonar proyecto inicial

  2. Visualizar diseño original

Referencias

Nuestro agradecimiento a las fuentes que hacen posible los recursos y nos inspiran a seguir compartiendo conocimiento.

El diseño de este proyecto es propiedad de: Frontend Mentor


"La mejor manera de aprender a programar es practicando todos los días"