Skip to content

GabyGonher/CardValidation.github.io

Repository files navigation

Validación de tarjeta de crédito

Introducción

El presente proyecto se desarrolla como parte de un ejercicio desarrollado por Gabriela González Herrera durante su proceso de aprendizaje en el Bootcamp de Laboratoria, donde se ponen en práctica aspectos como fundamentos de JavaScript, incluyendo conceptos como variables, condicionales, y funciones, así como eventos y manipulación básica del DOM, fundamentos de HTML y CSS.

Diseño

El diseño de la aplicación fue orientado a no ser el típico sitio formal y aburrido que comúnmente encontramos en los sitios de aerolíneas, dándole un toque de fresco y jovial con el que nuestro usuario se sienta identificado. En este caso el fondo da algunos matices que aparentan el cielo como una obra de arte. Como contraste se emplea el color blanco dentro de los recuadros del formulario, que permitirán que el usuario tenga una visión más clara al momento de ingresar sus datos y realizar la compra.

En cuanto a la distribución de las pantallas en un primer momento tenemos la vista general que nos permite llenar nuestros datos generales: Nombre del comprador que permitirá personalizar otros aspectos de la compra, tipo de vuelo que permitirá al usuario indicar si es que desea un sólo viaje o prefiere agendar su vuelo para el regreso de su visita, lugar de origen y lugar de destino, donde hay un menú desplegable que permitirá que el usuario visualice las opciones disponibles y fechas de viaje. Finalmente, en la parte inferior podemos localizar la sección de número de boletos y costo del pedido, elemento que es responsivo al momento de realizar cambios, permitiéndonos hacer un presupuesto rápido y al momento de nuestro pago.

PrimeraPantalla

Una vez confirmadas las caracteristicas de nuestro vuelo, se da paso al pago, el cual siendo en línea esta habilitado solo para realizar pago con tarjeta, siendo esta segunda sección de nuestro sitio la que nos permitirá validar la autenticidad de la tarjeta, indicando al usuario si es que hay algun error o se requiere verificar el número, mostrando el resultado en la parte inferior.

SegundaPantalla

Este sitio puede ser adaptado para cualquier tipo de empresa, compañia o persona que este interesada en comenzar con ventas en línea, pues optimizara el proceso de compra, permirtirá verificar al instante la veracidad de las tarjetas con las que se busque pagar, y hara el proceso de compra mucho más seguro y eficiente.

About

Verificador de tarjetas : proyecto 1

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published