sprint-1-mobileFirstVersion

Desafío

• Construir el proyecto con los diseños que se encuentran en la carpeta diseño.
• Los estilos se encuentran especificados en el archivo style.md
• Comprender el problema es parte del desafío.

Comportamiento esperado

• Validar los campos del formulario al enviarlo
• Si no hay errores, mostrar el estado completado
• Restablecer el formulario cuando el usuario haga clic en "Continuar" en el estado completado
• Actualizar los datos de la tarjeta a medida que el usuario rellena los campos (Punto extra)

Los usuarios deben poder:

• Recibir mensajes de error al enviar el formulario si:
  • Cualquier campo está vacío
  • Los campos de número de tarjeta, fecha de caducidad o CVC tienen un formato incorrecto.
• Ver el diseño óptimo en función del tamaño de la pantalla de su dispositivo
• Rellenar el formulario y ver cómo se actualizan los datos de la tarjeta en tiempo real.(Punto extra)

"scripts": {"build": "postcss build ./src/input.css -o ./src/tailwind.css"},