Skip to content

ElinAlice/LIM012-card-validation

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Validación de Tarjeta de Crédito - Compras Online

1. Resúmen

Importante para usuarios que prefieren las compras en línea, en una tienda online de moda, podrán realizar su registro como clientes y validar su tarjeta de crédito será una forma de activarse como cliente real para poder adquirir sus productos.

2. Proyecto Final

Pagina 1: Formulario de registro (Validación de la Tarjeta de Crédito) Pagina 2: Detalles de Registro (Muestra enmascarada el N° de la Tarjeta de Crédito)

3. Investigación UX:

1. Usuarios y Objetivos

Los usuarios a los que va dirigido mi proyecto, son para aquellas personas que les gusta realizar las compras online, en este caso en una tienda online de moda. Objetivo:

  • Validación de tarjeta de crédito.
  • Realizar un registro como cliente.

2. Solución a los Problemas / Necesidades

Para que el usuario quiera adquirir los productos que ofrece la tienda online, debe realizar su registro como cliente llenando un formulario con sus datos personales, lo más importante validar su tarjeta de crédito, para evidenciar que es un usuario real; de esta forma podrá activarse como usuario seguro para la tienda y podra tener acceso a adquirir los productos que desee.

3. Primer prototipo (Papel)

Formulario de registro y detalles de Registro

4. Resúmen del feedback

  • Replanteamiento de los prototipos, se eliminó pantallas para solo centrarse en el objetivo principal del proyecto.
  • Mejorar la idea y la mejor forma de dar solución al problema del usuario.
  • Correciones de prototipo.
  • Lectura sobre Objetos.
  • Investigación y aprendizaje sobre testeo.

5. Prototipo final

Prototipo 1: Formulario de registro (Validación de la Tarjeta de Crédito) Prototipo 2: Detalles de Registro (Muestra enmascarada el N° de la Tarjeta de Crédito)

4. Objetivos de aprendizaje

UX

HTML y CSS

DOM

Javascript

Testing

Git y GitHub

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).

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • CSS 36.4%
  • HTML 34.4%
  • JavaScript 29.2%