Terminado el disenho

SofiDevO · Aug 13, 2023 · 6c09945 · 6c09945
1 parent 16a3ee0
commit 6c09945
Show file tree

Hide file tree

Showing 9 changed files with 128 additions and 67 deletions.
diff --git a/assets/controllers/products-controllers.js b/assets/controllers/products-controllers.js
diff --git a/assets/styles/productos-all/all-products.css b/assets/styles/productos-all/all-products.css
@@ -22,13 +22,28 @@
 }
 
 .productos__barra {
-    display: flex;
-    justify-content: center;
+	display: flex;
+    justify-content: space-between;
     align-items: center;
     width: 100%;
     padding: 0 15.5rem;
 }
 
+.prouctos__add__btn{
+	display: flex;
+    width: 182px;
+    padding: 16px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+    flex-shrink: 0;
+    border: 1px solid var(--azul-100, #2a7ae4);
+    background: var(--azul-100, #2A7AE4);
+    color: var(--preto-branco, #FFF);
+}
+
+
+
 .productos__titulo {
 	color: var(--preto-100, #464646);
 	font-family: Raleway;
@@ -257,4 +272,21 @@
 	opacity: 1;
 	transform: translateY(0px) scale(1.2);
 	transition-delay: 0.7s;
+}
+
+@media screen and (max-width:768px){
+	.productos__barra {
+		padding: 2.3rem 1.5rem;
+		flex-wrap: wrap;	}
+
+	.productos__titulo{
+		font-size: 2.5rem;
+	}
+
+	.header__btn {
+		display: flex;
+		justify-content: flex-start;
+		width: 100%;
+	}
+
 }
diff --git a/client-services/client-service.js b/client-services/client-service.js
@@ -1,3 +1,14 @@
+const d = document;
 
+const productosAll = () =>
+	fetch("http://127.0.0.1:3000/producto").then((respuesta) => respuesta.json());
 
-
+    const crearproducto = (url, name, price, description) => {
+        return fetch("http://127.0.0.1:3000/producto", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ url, name, price, description: uuid.v4() }),
+        });
+    };
diff --git a/db.json b/db.json
@@ -0,0 +1,11 @@
+{
+    "producto": [
+        {
+            "url-img": "https://www.claroshop.com/c/star-wars-day/img/categorias/TAZAS_CATEGORIAS_STAR_WARS.png",
+            "category": "starwars",
+            "product-name": "Spiderman Miles",
+            "price": "$60.00",
+            "Description": "Taza casco Trooper"
+        }
+    ]
+}
diff --git a/index.html b/index.html
@@ -197,7 +197,7 @@ <h3>Precio:</h3>
             </div>
 
             <!-- Consolas -->
-            <div class="productos__flia">
+            <div class="productos__flia" id="consolas">
                 <div class="productos__barra">
 
                     <div class="productos__titulo">

diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "alurageek",
   "version": "1.0.0",
   "description": "Alura geek e-commerce project for Oracle/Alura latam program",
-  "main": "index.js",
+  "main": "index.html",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

diff --git a/screens/agregar-producto.html b/screens/agregar-producto.html
@@ -41,11 +41,11 @@
 
             </div>
             <div class="header__btn">
-                <a href="" class="header__login__link">
+                <a href="./productos.html" class="header__login__link">
                     <button class="header__loginBtn admin__btn">Menú Administrador</button>
-
                 </a>
             </div>
+
         </div>
     </header>
     <div class="menu__flotante">
@@ -79,7 +79,7 @@ <h1 class="producto__titulo">Agregar nuevo producto</h1>
                     <div class="input__container ">
                         <label for="">Url de imagen</label>
                         <input class="producto__imagen" type="url" src="" placeholder="https://example.com/my-img.png"
-                            pattern="https://.*" size="30" required>
+                            pattern="https://.*" size="30" > required>
                     </div>
                     <div class="input__container">
                         <label for="">Categoría</label>

diff --git a/screens/login.html b/screens/login.html
@@ -71,9 +71,9 @@
 
     <main>
         <div class="login__container">
-                <form class="login__form" action="./agregar-producto.html">
+                <form class="login__form" action="../screens/productos.html">   
                     <h1 class="login__titulo">Iniciar Sesión</h1>
-                    <input class="inpuut__email inputs" type="email" name="login-email" required placeholder="Escriba su correo electrónico">
+                    <input class="inpuut__email inputs" type="email" name="login-email" required placeholder="Escriba su correo electrónico" pattern="[^\s@]+@[^\s@]+\.[^\s@]+" >
                     <input class="input__password inputs" type="password" name="password"required placeholder="Escriba su contraseña">
                     <input class="login__submit" type="submit" value="Entrar"> </form>
         </div>