Skip to content

Repositorio primer proyecto para cohort SCL021 de Santiago de Chile.

Notifications You must be signed in to change notification settings

emilyenegrette/SCL021-card-validation

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Le JacquEm Chocolat - ✨ Card Validator ✨

Aplicación web para la chocolatería Le JacquEm🍫, donde sus clientes podrán validar su tarjeta de crédito antes de finalizar una compra.

Investigación UX 🤓:

1. Usuarixs y objetivos 👪

Le JacquEm está dirigido principalmente a personas oriundas de Santiago de Chile que comprenden las edades entre 25 y 60 años con un nivel socioeconómico medio, medio-alto. Son personas que se apasionan por el chocolate, que tienen un gusto refinado y que les gusta acudir a lugares exclusivos e innovadores. Por lo general, son usuarios altamente activos online tanto en la web como en diferentes redes sociales como Instagram, Facebook y Twitter.

El objetivo principal de Le JacquEm es llevar la experiencia de comer chocolate a otro nivel, presentando un producto innovador al mercado y satisfaciendo la necesidad de los clientes más exclusivos, así como, mostrandose como una empresa responsable en cuanto a ciberseguridad protegiendo así los datos sensibles de nuestros usuarios.

2. Solución problemas/necesidades 🤔

Esta aplicación web está destinada a validar las tarjetas de crédito antes de finalizar la compra ofreciendo un método de compra mucho más seguro para el usuario y que asegura la protección de sus datos personales.

3. Primer prototipo 🥺

web app alerts

4. Prototipo final : 💯 👩‍💻

🌟 ⭐ Card Validator - Versión Final ⭐ 🌟

página principal tarjeta válida tarjeta inválida sin datos compra realizada

Validator.js 🖥️

const validator = {
  isValid(creditCardNumber) {
  
    let total = 0;
    let ccNumbArray = creditCardNumber.split("").map(Number);
    ccNumbArray.reverse();

    for(let i = 0; i < ccNumbArray.length; i++) {
      if(i % 2 === 1) {
        ccNumbArray[i] = ccNumbArray[i] * 2;
      }
      ccNumbArray = ccNumbArray.map((numb) => numb > 9 ? numb -9 : numb);

      total = total + ccNumbArray[i];   
    }
    if(total % 10 === 0){
      return true;
    } else {
      return false;
    }
  },
  maskify(creditCardNumber) {
    return creditCardNumber.slice(0,-4).replace(/./g,"#") + creditCardNumber.slice(-4);
     }
};

About

Repositorio primer proyecto para cohort SCL021 de Santiago de Chile.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 41.9%
  • JavaScript 35.9%
  • CSS 22.2%