Resolviendo conflictos

.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

@@ -1,54 +1,98 @@
 # Cardify
 
-* **Track:** _Common Core_
-* **Curso:** _JS Deep Dive: Crea tu propia librería usando JavaScript_
-* **Unidad:** _Producto final_
 
-***
+El reto consiste en la creación de un plugin de jQuery que dado un conjunto de imágenes con una descripción al pasar se visualizará con el efecto hover.
 
-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.
+![image](https://user-images.githubusercontent.com/19315632/38486092-9d742228-3ba1-11e8-8aef-fa1fcfb46b5f.png)
 
-## Flujo de trabajo
-
-1. Debes realizar un [**fork**](https://gist.github.com/ivandevp/1de47ae69a5e139a6622d78c882e1f74)
-   de este repositorio.
-
-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í:
+## Desarrollado para 
+[Laboratoria](http://laboratoria.la)
 
-   ```bash
-   git clone https://github.com/<nombre-de-usuario>/cardify.git
-   ```
+## Flujo de trabajo
 
-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).
++ Planeación de trabajo con [Trello](https://trello.com/b/bYxjDYth)
 
-> Nota: No olvides que es una buena práctica describir tu proyecto en este
-> archivo `README.md` :smiley:.
+## Instalación
 
-***
+1. Se descargará un raw con los archivos del plugin.
+2. Se agregarán los archivos en la carpeta _vendors_
+3. Se llamarán a la librería mediante un `<script>`
+4. Por último se llamará a la librería mediante la función `$('.container').cardify({});`
 
-## Instalación
 
 ### Global (navegador)
 
 ```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="index.js"></script>
 ```
 
 ## Uso
 
 ```js
 // `container` es el selector del contenedor donde se buscarán todas las
 // imágenes a ser procesadas.
-$(container).cardify({});
+$('.container').cardify({});
+```
+
+### Ejemplos
+
+![demo](https://user-images.githubusercontent.com/19315632/38486368-6cb795ec-3ba2-11e8-85b4-46d0e4dd8fa4.png)
+
+```html
+  <div class="container">
+      <img src="assets/images/perro1.jpg" alt="Cachorro1">
+      <img src="assets/images/perro2.jpg" alt="Cachorro2">
+      <img src="assets/images/perro3.jpg" alt="Cachorro3">
+      <img src="assets/images/perro4.jpg" alt="Cachorro4">
+      <img src="assets/images/perro5.jpg" alt="Cachorro5">
+      <img src="assets/images/perro6.jpg" alt="Cachorro6">
+  </div>
 ```
 
-## Ejemplos
+```js
+$('.container').cardify({});
+```
+
+### Snippets
+
++ html
+```html
+ <div class="container">
+    <img src="" alt="">
+  </div>
+```
+
++ js
+```js
+(function($) {
+  $.fn.cardify = function() {
+    $('img').hover(
+       function() {
+         var image = $(this)
+       $(this).each(function() {
+         if ( image.parent().is("figure")) {
+           $( "figcaption" ).remove()
+           image.unwrap();
+           image.removeClass('hover')
+
+         } else {
+           image.wrap( "<figure class=inline></figure>" );
+           $("figure").append('<figcaption class=letter>' + $(this).attr('alt') + '</figcaption>')
+           image.addClass('hover')
+
+         }
+       })
+     });
+
+  };
+}(jQuery));
+
+```
 
-...
+## Bibliografía
++ [Babel](https://platzi.com/blog/que-es-babel/)
++ [Gitignore](https://desarrolloweb.com/articulos/archivo-gitignore.html)
++ [Creación de plugin-1](https://www.youtube.com/watch?v=Ghh0u1uBWAw)
++ [Creación de plugin-2](https://www.youtube.com/watch?v=ATDlkSKZiH0&index=2&list=PL0jno8rTZiDG_x2wkZdGDL6b9ccZ0BjdN)
++ [Creación de Snippets](https://www.youtube.com/watch?v=GMtRCoW9LME)