platzi · martin76ec · Oct 2, 2022 · Oct 2, 2022 · Oct 2, 2022 · Oct 2, 2022
diff --git a/PULL_REQUEST_TEMPLATE.md b/PULL_REQUEST_TEMPLATE.md
@@ -1,15 +1,15 @@
 ## DESCRIPTION
 
-Solución al reto:
+Solución al reto: [githubpages](https://martin76ec.github.io/laboratorio-fakestore/)
 
-Nombre:
-Usuario Platzi:
+Nombre: Martin Larrea
+Usuario Platzi: martin86ec
 
 ## Reto:
 
-- [ ] Primer problema
-- [ ] Segundo problema
-- [ ] Tercer problema
-- [ ] Cuarto Problema
-- [ ] Quinto Problema
-- [ ] Sexto Problema
+- [x] Primer problema
+- [x] Segundo problema
+- [x] Tercer problema
+- [x] Cuarto Problema
+- [x] Quinto Problema
+- [x] Sexto Problema
diff --git a/cypress/e2e/test.cy.js b/cypress/e2e/test.cy.js
@@ -1,6 +1,6 @@
 describe("FakeStore Tests", () => {
   beforeEach(() => {
-    cy.visit('http://localhost:8080/public/');
+    cy.visit('http://localhost:8080/');
     cy.wait(2000);
   })
 
@@ -9,7 +9,7 @@ describe("FakeStore Tests", () => {
   });
 
   it("Obtener initialState del LocalStorage", () => {
-    expect(localStorage.getItem('pagination')).to.eq('5');
+    expect(localStorage.getItem('pagination')).to.eq('10');
   });
 
   it("Obtener los primeros 10 Productos", () => {
@@ -26,4 +26,4 @@ describe("FakeStore Tests", () => {
     cy.get('*[class^="Items"]').find('article').find('h2').eq(0).should('exist');
   });
 
-});
+});
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="description" content="lazyloading laboratory"><title>FakeStore</title><script defer="defer" src="main.js"></script><link href="main.css" rel="stylesheet"></head><body><div class="Main"><h1>FakeStore</h1><div id="app"></div><div id="observable" style="background-color: red;"></div></div></body><script src="../src/index.js"></script></html>
diff --git a/dist/main.css b/dist/main.css
@@ -0,0 +1,56 @@
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap);
+body {
+  margin: 0;
+  padding: 0;
+  color: #3c484e;
+  font-family: "Open Sans", sans-serif;
+}
+
+.Main {
+  padding: 10px;
+  grid-template-columns: minmax(auto, 768px);
+  display: grid;
+  justify-content: center;
+}
+
+.Items {
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 1.5rem;
+  grid-row-gap: 1.5em;
+  display: grid;
+}
+
+.Card {
+  text-decoration: none;
+  box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06),
+    1px 3px 8px rgba(39, 44, 49, 0.03);
+  border-radius: 5px;
+  margin: 0 0 20px 0;
+  display: block;
+  animation-duration: 4s;
+  animation-name: fade;
+}
+
+.Card img {
+  width: 100%;
+  height: auto;
+  border-radius: 5px 5px 0 0;
+}
+
+.Card h2 {
+  font-size: 18px;
+  font-weight: 300;
+  padding: 5px 10px;
+  display: flex;
+  justify-content: space-between;
+}
+
+@keyframes fade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
diff --git a/dist/main.js b/dist/main.js
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="description" content="lazyloading laboratory"><title>FakeStore</title><script defer="defer" src="main.js"></script><link href="main.css" rel="stylesheet"></head><body><div class="Main"><h1>FakeStore</h1><div id="app"></div><div id="observable" style="background-color: red;"></div></div></body><script src="../src/index.js"></script></html>