- 1. Resumen del proyecto
- 2. Imagen final del proyecto
- 3. Investigación UX (Diseño de experiencia de usuario)
- 4. Notas
- 5. Link de GELIPAY
Este proyecto permite validar el número de una tarjeta de crédito y devolver dicho número ocultando todos los dígitos excepto los últimos 4, sin importar la longitud del número validado.
Este proyecto esta destinado para aquellas personas que prefieren realizar sus compras de supermercado por internet, a través de una página segura y sin tener que compartir su información financiera en cada sitio web que ingresen.
En GELIPAY podrás validar
tu tarjeta de crédito y registrarla para realizar tus compras
de forma rápida y segura al momento de pagar en el sitio web del supermercado
de tu preferencia, evitando de igual forma demoras o problemas al realizar tu
pago web, ya que lo estarías realizando a traves de nuestra página.
Los puntos más relevantes implementados a partir del feedback recibido estaban relacionados
mayormente a la redacción de los labels
para indicar al usuario donde ingresar el número de
la tarjeta de crédito, asi como en los nombres que debían llevar los botones por página y la
redacción de los mensajes de Tarjeta Válida Y Tarjeta No Válida. Principalmente apuntaban a
dejar la información más clara al usuario, para evitar confusiones.
Prototipo Final ❤️ Prototipo Final en Figma
Como tip para la realización de este proyecto, puedes revisar el Algoritmo de Luhn y los siguientes links con Recursos para entender este proyecto:
- Blog: cómo funciona el algoritmo de Luhn
- Valores, tipos y operadores
- Expresiones y Operadores - MDN
- Estructura del Programa (Variables, Control de flujo)
- Test Unitarios (Unit Texting)
- Npm funcionamiento
https://elihidalgo.github.io/SCL013-card-validation/src/index.html
💻 por Genesis y Eliana con ❤️