Skip to content

MerlyAnco/LIM016-card-validation

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

YOUR SKIN - WEB SHOP ONLINE

1. Definición del producto

Se creó una plataforma web en donde los usuarios puedan realizar sus comprar de manera segura, esta pagina web cuenta tambien con un validador de tarjeta el cual permite poder verificar que la tarjeta ingresada es válida y poder procesar el pago del cliente.

2. Resumen del proyecto

El producto que se creo que una pagina web para una emprendimiento que vende productos para el cuidado de la piel, esta empresa realizaba sus ventas a traves de whatsapp y facebook pero su capacidad de atención no alcanza a responder a todos; muchos de sus clientes le solicitaban una pagina web en donde pudierar observar los productos que tenia y poder comprar a traves de la plataforma.

En consecuencia de ellos la empresa necesitaba una plataforma en donde se observe sus productos y que tambien se pueda realizar las compra y el pago por ese medio. Para poder realizar el pago correctamente tambien la empresa requeria un validador de tarjeta para poder procesar con el cobro correctamente.

  • Quiénes son los principales usuarios de producto.

Los usuarios son las personas que quieren comprar productos de cuidado de la piel por via online.

  • Cuáles son los objetivos de estos usuarios en relación con tu producto.

Poder realizar la compra online del producto con su tarjeta de crédito o débito

  • Cómo crees que el producto que estás creando está resolviendo sus problemas.

A la empresa le ayudara a aumentar sus ventas.

3. Prototipo inicial

Primera vista la web shop

Segunda vista de información del cliente

Vista del validador

3. Objetivos de aprendizaje

HTML

CSS

Web APIs

JavaScript

  • Uso de linter (ESLINT)

  • [✓] Uso de identificadores descriptivos (Nomenclatura y Semántica)

Control de Versiones (Git y GitHub)

  • [✓] Git: Instalación y configuración

  • [✓] Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)

  • [✓] GitHub: Creación de cuenta y repos, configuración de llaves SSH

  • [✓] GitHub: Despliegue con GitHub Pages

    Links

UX (User eXperience)

  • [✓] Diseñar la aplicación pensando en y entendiendo al usuario

  • [✓] Crear prototipos para obtener feedback e iterar

  • [✓] Aplicar los principios de diseño visual (contraste, alineación, jerarquía)

IMAGEN FINAL DEL PRODUCTO

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 42.6%
  • CSS 31.4%
  • JavaScript 26.0%