check ts

src/api/fetch.ts

@@ -9,7 +9,6 @@ export async function fetchData(): Promise<Product[]> {
             throw new Error("No se pudo obtener la data de la Api");
         }
         const dataProducts = await response.json();
-        console.log(dataProducts)
         return mapperProducts(dataProducts.products);
 
     } catch (error) {
@@ -26,7 +25,6 @@ export async function fetchCategories(): Promise<string[]> {
             throw new Error("No se pudo obtener la data de la Api");
         }
         const categoryProducts = await response.json();
-        console.log(categoryProducts)
         return mapperCategories(categoryProducts);
 
     } catch (error) {

src/dom/cart.ts

@@ -1,5 +1,5 @@
 let cartCount: number = 0; 
-const cartElement = document.querySelector("#cart-counter") as HTMLElement | null;
+const cartElement = document.querySelector<HTMLElement>("#cart-counter");
 
 export function addToCart() {
     cartCount++; 

src/dom/products.ts

@@ -4,7 +4,7 @@ import { capitalizeFirstLetter } from '../utils/format.js';
 import { Product } from '../types/product.js';
 
 // Renderizar los productos en la card
-
+// el nombre podr'ia ser m'as enfocado a lo que hace, en este caso renderAllProducts, data es muu general
 export function renderAllData(products: Product[], container: HTMLElement): void {
     products.forEach((element) => {
 

src/utils/filter.ts

@@ -5,6 +5,8 @@ import { Product } from "../types/product.js";
 // Filtrar productos por categoría 
 export function selectProduct(products:Product[], selectedCategory: string, container: HTMLElement, imageUrl: string): Product[] {
     container.innerHTML = "";
+    // usemos enum para palabras m'agicas
+    // cambiar el ternario por if
     const filteredProducts =
         selectedCategory === "all" ? products : products.filter((product) => product.category === selectedCategory);