subiendo cambios en el código index.js

.babelrc

@@ -0,0 +1,3 @@
+{
+ "presets": ["env"]
+}

.eslintrc

@@ -0,0 +1,29 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 6
+  },
+  "rules": {
+    "keyword-spacing": 1,
+    "space-before-function-paren": [1, "never"],
+    "eqeqeq": 1,
+    "space-infix-ops": 1,
+    "comma-spacing": 1,
+    "brace-style": 1,
+    "no-multiple-empty-lines": 1,
+    "camelcase": 1,
+    "func-call-spacing": 1,
+    "key-spacing": 1,
+    "semi": 1,
+    "no-floating-decimal": 1,
+    "no-multi-spaces": 1,
+    "object-property-newline": 1,
+    "padded-blocks": [1, "never"],
+    "space-before-blocks": 1,
+    "space-in-parens": 1,
+    "spaced-comment": 1,
+    "quotes": [1, "single"],
+    "id-length": [1, { "exceptions": ["i", "j", "x"] }],
+    "indent": [1, 2],
+    "no-array-constructor": 1
+  }
+}

.gitignore

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

README.md

@@ -5,50 +5,75 @@
 * **Unidad:** _Producto final_
 
 ***
+## Descripción del proyecto
 
-Implementar un plugin de jQuery que dado un _contenedor_ debe buscar todas las
-imágenes que encuentre dentro del _contenedor_ y reemplazarlas por un nuevo
-elemento `<figure>` que contenga la imagen (`<img>`) además de un `<figcaption>`
-con el texto del atributo `alt` de la imagen.
+***changeImg*** es un plugin de jQuery que dado un _contenedor_ busca todas las
+imágenes que encuentre dentro del _contenedor_ y las reemplaza por un nuevo
+elemento `<figure>` que contenga la imagen (`<img>`) además de un `<figcaption>` con el texto del atributo `alt` de la imagen, este último elemento se mostrará centrado encima de la imagen al pasarle el mouse.
 
-## Flujo de trabajo
+## Planificación
+Se ha creado dos issues en el repositorio forkeado de Laboratoria, en los que se señala la planificación acordada en parejas.
 
-1. Debes realizar un [**fork**](https://gist.github.com/ivandevp/1de47ae69a5e139a6622d78c882e1f74)
-   de este repositorio.
+En la primera semana, se tomó la decisión de optar por el reto de Cardify; se forkeó el repositorio del reto Cardify de Laboratoria; se asignaron las tareas de organización e investigación; se buscó información acerca de librería y jQuery plug-in, lo que denotó una diferencia entre ambas herramientas, ya que la primera implica una colección de varios métodos para realizar varias tareas y la segunda es una colección de pocos métodos para realizar tareas particulares, además de que se investigó acerca de la creación y estructura de ambas, y se consultó algunas dudas a los profesores. Asimismo, se decidió por asignar las tareas de la primera semana de la siguiente forma:
 
-2. Luego deberás **clonar** tu fork en tu máquina. Recuerda que el comando a usar
-   es `git clone` y su estructura normalmente se ve así:
+* Elección del tema - Noelia y Lizbeth
+* Búsqueda de información del tema (investigación) - Noelia y Lizbeth
+* Consulta a los profesores - Noelia y Lizbeth
+* Redacción del README - Lizbeth
+* Inicialización de la estructura del proyecto (HTML, Bootstrap, CSS, JS, plug-in) - Noelia y Lizbeth
+* Inicialización de proyecto con npm init y git init - Lizbeth
+* Inicialización de pruebas del plug-in - Noelia
 
-   ```bash
-   git clone https://github.com/<nombre-de-usuario>/cardify.git
-   ```
+En la segunda semana, se actualizará la información del README con los snippets del plug-in y se asignará las tareas de funcionalidad del plug-in entre ambas partners.
 
-3. Cuando hayas terminado tu producto, envía un Pull Request a la rama que tus
-   instructorxs este repositorio
-   (puedes solicitar apoyo de tus profes para este paso).
+### Issue - Semana 1
+![Sin titulo](public/assets/docs/issue-1.JPG)
 
-> Nota: No olvides que es una buena práctica describir tu proyecto en este
-> archivo `README.md` :smiley:.
 
-***
+#### Se elaboró en pareja un mapeo del flujo del plug-in
+![Sin titulo](public/assets/docs/plug-in-idea.jpg)
+
+En la segunda semana, se contó con otro issue en el que se señala las tareas a ejecutar  de forma equitativa  en pareja.
+
+En la segunda semana se  desarrollo el  codigo del pluggin, el llamado desde  el app/js,la  maquetación del html que  será  la presentación de  nuestro proyecto; se asignaron las tareas de organización e investigación para  la implementacion de  Babel en el proyecto Cardify. La distribucion de  tareas  quedó de  la siguiente forma:
+
+* Código del Pluggin - Noelia
+* Funcion de  llamada  desde  app/js - Noelia
+* Maquetación de la página, usando  Boostrap y  CSS  -  Lizbeth
+* Traspilación con Babel  - Lizbeth
+* Modificación de  la  estructura  del proyecto -Lizbeth
+* Actualización del README - Noelia
+* Consulta  a  profesores - Lizbeth y Noelia
+
+
+### Issue - Semana 2
+![Sin titulo](public/assets/docs/issue-2.JPG)
 
-## Instalación
+## Descarga  del plug-in
 
-### Global (navegador)
+Desde el   html  existe un link  para que el usuario pueda  descargarse  el  plug-in y utilizarlo, accediendo a un archivo zipeado con toda la  data  del  index.js (versión ES5).
+
+## Uso del plug-in
+
+El usuario deberá añadir las siguientes tres líneas de código en donde corresponda.
+
+### Link desde  el Html
 
 ```html
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-<script src="path-to-cardify.js"></script>
+  <script src="js/index.js"></script>
+  <script type="text/javascript" src="js/app.js"></script>
 ```
 
-## Uso
+### Línea de código en el que se aplica el plug-in.
+El plug-in trabaja con una clase "container-img" como referencia para buscar las imágenes a las que ordenará semánticamente.
 
 ```js
-// `container` es el selector del contenedor donde se buscarán todas las
-// imágenes a ser procesadas.
-$(container).cardify({});
+  let container = $('.container-img');
 ```
 
-## Ejemplos
+### Llamado del plug-in desde archivo JS.
+La estructura   de  llamado debe seguir la estructura anexa:
 
-...
+```js
+  $(img).cardify({});
+```