Se sube estructura básica de carpetas, y ejemplo form a index

.gitignore

@@ -0,0 +1 @@
+node_modules/

README.md

@@ -1,56 +1,71 @@
-# Valida datos de tarjetas de crédito
-
-* **Track:** _Common Core_
-* **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_
-* **Unidad:** _Producto final_
-
-***
-
-El plugin debe recibir una referencia a un elemento del DOM que contenga
-`<input>`s con los siguientes nombres (atributo `name`):
-
-* `cn` (Card Number): El número de la tarjeta de crédito
-* `exp` (Expiry Date): Fecha de expiración
-* `cvv` (Card Verification Value): Código de validación de 3 dígitos
-* `name`: Nombre completo como aparece en la tarjeta
-
-## Ejemplo
-
-```html
-<form>
-  <div class="form-group">
-    <label for="cn">Número de tarjeta</label>
-    <input id="cn" name="cn" />
-  </div>
-  <div class="form-group">
-    <label for="exp">Fecha de vencimiento</label>
-    <input id="exp" name="exp" />
-  </div>
-  <div class="form-group">
-    <label for="cvv">CVV</label>
-    <input id="cvv" name="cvv" />
-  </div>
-  <div class="form-group">
-    <label for="name">Nombre completo</label>
-    <input id="name" name="name" />
-  </div>
-  <input type="submit" value="Pagar" />
-</form>
-```
-
-```js
-const form = document.querySelector('form');
-
-form.addEventListener('submit', (e) => {
-  e.preventDefault();
-  if (validateCardDetails(form)) {
-    console.log('datos válido... enviar...');
-  } else {
-    console.log('datos inválidos');
-  }
-});
-```
-
-A la hora de hacer las validaciones, la librería debería de añadir la clase
-`.error` a los `<input>`s que no pasen la validación, o la clase `.success`
-en caso de que sí pase.
+## Objetivo
+El objetivo principal de la la herramienta será validar los distintos campos de una tarjeta convencional de credito tales como: numero de tarjeta, CVV, fecha de expiracion(mm/aa) y nombre del titular.
+
+## Requerimientos del proyecto proporcionados por el cliente
+
+Implementar un validador de datos de tarjeta de crédito. La librería debería validar el número de tarjeta de crédito (usando algoritmo de Luhn), fecha de vencimiento, código de verificación (cvv) y nombre completo que aparece en la tarjeta.
+
+- Valida el número de tarjeta
+- Valida CVV 
+- Valida Fecha Expiración
+- Valida nombre 
+
+## Herramientas utilizadas en el proyecto
+Para este proyecto se utiliza:
+- Javascript ES6
+- HTML
+- Node JS 
+- JQuery
+- Mocha
+- NPM
+
+## Aplicación
+
+### Valida el número de tarjeta
+Las validaciones correspondientes a este campo serán las siguientes:
+- El usuario solo podra ingresar 16 digitos.
+- El campo solo acepta numeros.
+- El campo acepta espacios pero no son tomados en cuenta para el array de validacion.
+
+### Valida CVV 
+Validaciones del campo:
+- El usuario solo podrá ingresar 3 digitos.
+- El campo solo acepta numeros.
+
+### Valida Fecha Expiración
+Campo será dividido en dos secciones: Mes y Año.
+
+**Año**
+
+- Tendrá formato "aa".
+- En caso de que sea menor al año en curso, se retornará un false el cual indicaria que la tarjeta esta expirada.
+- Solo acepta numeros.
+
+**Mes**
+
+- Tendrá formato "mm". 
+- Solo acepta numeros en el rango de 1 al 12
+
+
+### Valida nombre
+El usuario ingresa nombre y apellidos tal y como se encuentra plasmado en su identifiacion oficial o tarjeta de crédito.
+El campo solo permite qué el usuario:
+- Ingrese un maximo de 50 carácteres.
+- Los carácteres deben de estar constituidos solo por letras.
+- Se permite el uso de espacios.
+
+## DEMO
+
+Una manera de utilizar la libreria.
+
+### Instrucciones de uso:
+
+* Instalar npm init
+* Instalar la librería (basic-card-validator).
+* Nuestro cliente nos pidió utilizar  browserify, esto porque requerimos consumir nuestra librería en el navegador.
+* En el siguiente link se describen las instrucciones de como instalar y utilizar browserify.
+(https://blog.npmjs.org/post/112064849860/using-jquery-plugins-with-npm).
+Nota: Browserify solo es compatible con module.export de manera que nuestra librería fue creado de esta manera y no con el método convencional.
+
+* Utilizamos el comando (browserify main.js -o bundle.js) cada vez que deseemos utilizar el archivo bundle.js en comparación con nuestro main.js, como se muestra en el tutorial de el link anterior.
+- Utilizar el ejemplo incluido en el main.js

basic-card-validator-1_0_10_library/.gitignore

@@ -0,0 +1 @@
+node_modules/

basic-card-validator-1_0_10_library/README.md

@@ -0,0 +1,61 @@
+## Objetivo
+El objetivo principal de la la herramienta será validar los distintos campos de una tarjeta convencional de credito tales como: numero de tarjeta, CVV, fecha de expiracion(mm/aa) y nombre del titular.
+
+## Requerimientos del proyecto proporcionados por el cliente
+
+Implementar un validador de datos de tarjeta de crédito. La librería debería validar el número de tarjeta de crédito (usando algoritmo de Luhn), fecha de vencimiento, código de verificación (cvv) y nombre completo que aparece en la tarjeta.
+
+- Valida el número de tarjeta
+- Valida CVV 
+- Valida Fecha Expiración
+- Valida nombre 
+
+## Herramientas utilizadas en el proyecto
+Para este proyecto se utiliza:
+- Javascript ES6
+- HTML
+- Node JS 
+- JQuery
+- Mocha
+- NPM
+
+## Aplicación
+
+### Valida el número de tarjeta
+Las validaciones correspondientes a este campo serán las siguientes:
+- El usuario solo podra ingresar 16 digitos.
+- El campo solo acepta numeros.
+- El campo acepta espacios pero no son tomados en cuenta para el array de validacion.
+
+### Valida CVV 
+Validaciones del campo:
+- El usuario solo podrá ingresar 3 digitos.
+- El campo solo acepta numeros.
+
+### Valida Fecha Expiración
+Campo será dividido en dos secciones: Mes y Año.
+
+**Año**
+
+- Tendrá formato "aa".
+- En caso de que sea menor al año en curso, se retornará un false el cual indicaria que la tarjeta esta expirada.
+- Solo acepta numeros.
+
+**Mes**
+
+- Tendrá formato "mm". 
+- Solo acepta numeros en el rango de 1 al 12
+
+
+### Valida nombre
+El usuario ingresa nombre y apellidos tal y como se encuentra plasmado en su identifiacion oficial o tarjeta de crédito.
+El campo solo permite qué el usuario:
+- Ingrese un maximo de 50 carácteres.
+- Los carácteres deben de estar constituidos solo por letras.
+- Se permite el uso de espacios.
+
+## DEMO
+
+Una manera de utilizar la libreria.
+
+https://dolcelemus.github.io/card-validator-DEMO/

basic-card-validator-1_0_10_library/index.js

@@ -0,0 +1,6 @@
+const card = require("./lib/card");
+const name = require("./lib/name");
+const cvv = require("./lib/cvv");
+const date = require("./lib/date");
+
+module.exports = {card,name,cvv,date};

basic-card-validator-1_0_10_library/lib/card.js

@@ -0,0 +1,48 @@
+'use strict';
+// validar que la tarjeta solo sean numeros y 16 numeros
+(function () {
+
+  // Validar los numeros de tarjeta por Lunm
+  const isValidCard = (creditNumber) => {
+    let creditNumberReverse = (String(creditNumber).split("")).reverse();
+    let pairNumbers = [];
+    let testCreditNumber = /^([0-9]){16}$/.test(creditNumber);
+
+    for (let i = 0; i < creditNumberReverse.length; i++) {
+      if (i % 2 !== 0) {
+        let multiplication = creditNumberReverse[i] * 2;
+        if (multiplication >= 10) {
+          let sum = 0;
+          while (multiplication) {
+            sum += multiplication % 10;
+            multiplication = Math.floor(multiplication / 10)
+          }
+          pairNumbers.push(sum)
+        } else {
+          pairNumbers.push(multiplication);
+        }
+      } else
+        pairNumbers.push(parseInt(creditNumberReverse[i]));
+    }
+
+    let numberValidate = 0;
+    for (let j = 0; j < pairNumbers.length; j++) {
+      numberValidate += pairNumbers[j];
+    }
+
+    if (numberValidate % 10 === 0 && testCreditNumber === true) {
+      return true;
+    } else {
+      return false
+    }
+  }
+
+  if (typeof window == "undefined") {
+    console.log("consola");
+    module.exports = isValidCard;
+  } else {
+    console.log("navegador");
+    window.isValidCard = isValidCard;
+  }
+})();
+

basic-card-validator-1_0_10_library/lib/cvv.js

@@ -0,0 +1,17 @@
+'use strict';
+// validar cvv solo sean numeros y 3 digitos
+(function () {
+
+const validateNumCvv = (cvv) => {
+    return  /^([0-9]){3}$/.test(cvv);
+  }
+
+  if (typeof window == "undefined") {
+    console.log("consola");
+    module.exports = validateNumCvv;
+  } else {
+    console.log("navegador");
+    window.validateNumCvv = validateNumCvv;
+  }
+
+})();

basic-card-validator-1_0_10_library/lib/date.js

@@ -0,0 +1,36 @@
+'use strict';
+(function () {
+
+    // DATE
+    const dateFunct = (month, year) => {
+        let today = new Date();
+        let year4Dig = today.getFullYear();
+        let year2Dig = year4Dig.toString().substr(-2);
+
+        let num2DigMonthTest = /^[0-9]{2}$/.test(month);
+        let num2DigYearTest = /^[0-9]{2}$/.test(year);
+
+        // months
+        if (num2DigMonthTest === true && month < 13) {
+            return true;
+        } else {
+            return false;
+        }
+        // years
+        if (num2DigYearTest === true && year >= year2Dig) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+
+    if (typeof window == "undefined") {
+        console.log("consola");
+        module.exports = dateFunct;
+    } else {
+        console.log("navegador");
+        window.dateFunct = dateFunct;
+    }
+
+})();
+

basic-card-validator-1_0_10_library/lib/name.js

@@ -0,0 +1,18 @@
+'use strict';
+
+(function () {
+
+  // Validar nombre que solo contenga letras
+  const validateName = (name) => {
+    return /^[a-zA-Z]+(\s*[a-zA-Z]*)*[a-zA-Z]+$/.test(name);
+  }
+
+  if (typeof window == "undefined") {
+    console.log("consola");
+    module.exports = validateName;
+  } else {
+    console.log("navegador");
+    window.validateName = validateName;
+  }
+
+})();