probando Git-remote

package.json

@@ -21,7 +21,7 @@
     "htmlhint": "^1.0.0",
     "jest": "^27.0.1",
     "opener": "^1.5.1",
-    "serve": "^13.0.2"
+    "serve": "^14.2.0"
   },
   "engines": {
     "node": ">=16.x"
@@ -30,5 +30,8 @@
     "createdAt": "2023-01-23T17:26:33.888Z",
     "version": "5.5.0",
     "commit": "cfda4de1f41e0c3000c47f91ce20a1bfe5281b4a"
+  },
+  "dependencies": {
+    "chart.js": "^4.2.1"
   }
-}
+}

src/data.js

@@ -1,9 +1,54 @@
-// estas funciones son de ejemplo
+export const tarjetas = (data) => {
+  let tarjetaString = "";
+  for (const pokemon of data.pokemon) {
+    tarjetaString += `
+    <div class="card">
+      <div class="front tarjeta">
+        <img class="imagenPokemon" src=${pokemon.img} >
+        <p>#${pokemon.num}<br>${pokemon.name.toUpperCase()}</p> 
+    </div> 
+      <div class="back tarjeta" >
+        <p> Ataque:<br> ${pokemon.stats["base-attack"]}
+        <br>Defensa:<br> ${pokemon.stats["base-defense"]} 
+        <br>Resisencia:<br> ${pokemon.stats["base-stamina"]} 
+        <br>Max-cp:<br> ${pokemon.stats["max-cp"]}
+        <br>Max-hp:<br> ${pokemon.stats["max-hp"]}</p>
+      </div>
+    </div>`;
+  }
+  return tarjetaString;
+};
 
-export const example = () => {
-  return 'example';
+export const filtrarTipos = (data, tipo) => {
+  const dataFiltrada = data.pokemon.filter((pokemon) =>
+    pokemon.type.includes(tipo)
+  );
+  return { pokemon: dataFiltrada };
 };
 
-export const anotherExample = () => {
-  return 'OMG';
+export const buscarPorNombre = (data, nombreBuscar) => {
+  const withoutSpaces = nombreBuscar.trim();
+  //const withoutSpaces = nombreBuscar.replace(/\s/g, '');
+  const dataFiltrada = data.pokemon.filter((pokemon) =>
+    pokemon.name.startsWith(withoutSpaces)
+  );
+  return { pokemon: dataFiltrada };
 };
+
+export function abcOrder(data, order) {
+  const orderArray = data.pokemon.slice().sort((a, b) => {
+    const nameA = a.name;
+    const nameB = b.name;
+    if (nameA < nameB) {
+      return -1;
+    } else {
+      return 1;
+    }
+  });
+  if (order === "AZ") {
+    return { pokemon: orderArray };
+  } else {
+    const inverso = orderArray.reverse();
+    return { pokemon: inverso };
+  }
+}