estatus de compra en carrito

cursos.html

@@ -56,6 +56,7 @@ <h4>Easy Code</h4>
 
                 <div class="cart">
                     <box-icon color='#ffffff' size="md" name='cart'></box-icon>
+                    <div class="cart-indicator">O</div>
                 </div>
             </div>
         </div>

index.html

@@ -55,6 +55,7 @@ <h4>Easy Code</h4>
 
                 <div class="cart">
                     <box-icon color="#ffffff" size="md" name="cart"></box-icon>
+                    <div class="cart-indicator">O</div>
                 </div>
             </div>
         </div>

js/main.js

@@ -1,47 +1,6 @@
-const cursos = [
-  {
-    nombre: "Desarrollo Web con HTML, CSS y JavaScript",
-    imagen: "./img/courses/web.jpg",
-    descripcion:
-      "Aprende a crear sitios web interactivos desde cero con las tecnologías fundamentales de la web.",
-    precio: "$49.99",
-  },
-  {
-    nombre: "Programación en Python",
-    imagen: "./img/courses/python.jpg",
-    descripcion:
-      "Domina uno de los lenguajes de programación más populares y versátiles.",
-    precio: "$59.99",
-  },
-  {
-    nombre: "Desarrollo de Aplicaciones Móviles con React Native",
-    imagen: "./img/courses/movilReact.jpg",
-    descripcion:
-      "Crea aplicaciones móviles multiplataforma con JavaScript y React Native.",
-    precio: "$79.99",
-  },
-  {
-    nombre: "Bases de Datos SQL y MySQL",
-    imagen: "./img/courses/sql.jpg",
-    descripcion:
-      "Aprende a diseñar y administrar bases de datos relacionales con SQL y MySQL.",
-    precio: "$69.99",
-  },
-  {
-    nombre: "Desarrollo de Aplicaciones con Node.js",
-    imagen: "./img/courses/node.jpg",
-    descripcion:
-      "Construye aplicaciones del lado del servidor utilizando Node.js y Express.",
-    precio: "$59.99",
-  },
-  {
-    nombre: "Desarrollo de Aplicaciones con Java",
-    imagen: "./img/courses/java.jpg",
-    descripcion:
-      "Aprende a programar en Java y desarrolla aplicaciones empresariales robustas.",
-    precio: "$79.99",
-  },
-];
+import cursos from "./obj.js";
+
+console.log(cursos);
 
 const repertorio = document.querySelector(".tarjetas-cursos");
 

js/obj.js

@@ -0,0 +1,46 @@
+const cursos = [
+    {
+      nombre: "Desarrollo Web con HTML, CSS y JavaScript",
+      imagen: "./img/courses/web.jpg",
+      descripcion:
+        "Aprende a crear sitios web interactivos desde cero con las tecnologías fundamentales de la web.",
+      precio: "$49.99",
+    },
+    {
+      nombre: "Programación en Python",
+      imagen: "./img/courses/python.jpg",
+      descripcion:
+        "Domina uno de los lenguajes de programación más populares y versátiles.",
+      precio: "$59.99",
+    },
+    {
+      nombre: "Desarrollo de Aplicaciones Móviles con React Native",
+      imagen: "./img/courses/movilReact.jpg",
+      descripcion:
+        "Crea aplicaciones móviles multiplataforma con JavaScript y React Native.",
+      precio: "$79.99",
+    },
+    {
+      nombre: "Bases de Datos SQL y MySQL",
+      imagen: "./img/courses/sql.jpg",
+      descripcion:
+        "Aprende a diseñar y administrar bases de datos relacionales con SQL y MySQL.",
+      precio: "$69.99",
+    },
+    {
+      nombre: "Desarrollo de Aplicaciones con Node.js",
+      imagen: "./img/courses/node.jpg",
+      descripcion:
+        "Construye aplicaciones del lado del servidor utilizando Node.js y Express.",
+      precio: "$59.99",
+    },
+    {
+      nombre: "Desarrollo de Aplicaciones con Java",
+      imagen: "./img/courses/java.jpg",
+      descripcion:
+        "Aprende a programar en Java y desarrolla aplicaciones empresariales robustas.",
+      precio: "$79.99",
+    },
+  ];
+
+  export default cursos;

scss/sections/_nav.scss

@@ -65,6 +65,19 @@ nav{
     cursor: pointer;
 
     margin-left: 20px;
+
+    position: relative;
+}
+
+.cart-indicator{
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-color: #de3232;
+    color: #e336cc;
+    border-radius: 50%;
+    padding: 0 5px;
+    font-size: 0.8rem;
 }
 
 .hamburger {