VivianaGuerraCustodio/LIM012-card-validation

Proyecto: Tarjeta de crédito válida

Título: Validación de Tarjeta de crédito para suscripción a PrimeVideo

Descripción:

El proyecto consiste en crear una demo webApp de un validador de tarjeta de crédito (por el algoritmo de Luhn), para verificar el medio de pago 💰 (en este caso).

¿Quiénes son los principales usuarios del producto?

Los principales usuarios de esta WebApp son las personas que deseen suscribirse al servicio de streaming para obtener la prueba gratuita por 30 días como parte final del proceso. (todo rango de edad supervisada de un adulto) Al validar la tarjeta se mostrará un mensaje de aprobación a la suscripción ,si la tarjeta es rechazada (inválida) se verá un mensaje de error ,en este caso solo sirve para validar una tarjeta más no para facturar el servicio.:star2: (Pedí constante feedback para poder realizar un buen trabajo)

¿Cúales son los objetivos de estos usuarios en relación con tu producto?

Poder validar la tarjeta para acceder a la suscripción de Prime.

¿Cómo crees que el producto que estás creando está resolviendo sus problemas?

Es una alternativa más rápida y de menos pasos , sencilla y eficaz.

• Prototipo en papel

• Prototipo en Figma

• Imagen final

• ✅ Test al 100%

Feedback

Al comenzar con la maquetación de la pagina y cómo se vería (el código) ,tuve bastantes traspiés pues no lograba ordenar mi CSS y le dediqué mucho tiempo (casi todo el primer Sprint) , pedí feedback a mis compañeras y a las coach (lo que resultó de gran ayuda) ya que me brindaron tecnicas de organización sobre todo por el tiempo que le dedicaba a cada reto del día. También tuve que leer y aplicar bastante el artículo de Ruth para actualizar el onclick con addEventListener ; y la separación de módulos que fue mi talón de Aquiles .

Objetivos de Aprendizaje

UX

• Diseñar la aplicación pensando y entendiendo al usuario
• Crear prototipos para obtener feedback e iterar
• Aplicar los principios de diseño visual

HTML y CSS

• Uso correcto de HTML semántico
• Uso de selectores de CSS
• Construir tu aplicación respetando el diseño realizado (maquetación).

DOM

• Uso de selectores de nodos del DOM
• Manejo de eventos del DOM
• Manipulación dinámica del DOM

Javascript

• Manipulación de strings
• Uso de condicionales
• Uso de bucles
• Uso de funciones
• Datos atómicos y estructurados
• Utilizar ES Modules (import | export).

Testing

• Testeo de tus funciones

Git y GitHub

• Comandos de git (add | commit | pull | status | push).
• Manejo de repositorios de GitHub (clone | fork | gh-pages).

Buenas prácticas de desarrollo

• Organizar y dividir el código en módulos (Modularización).
• Uso de identificadores descriptivos (Nomenclatura | Semántica).
• Uso de linter para seguir buenas prácticas (ESLINT).

Fin 💥