début page gd

mon-projet/src/components/Compteurs.jsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 function Compteur() {
-  const [nombre, setNombre] = useState(0); // valeur de départ : 0
+  const [nombre, setNombre] = useState(0);
 
   return (
     <div>

mon-projet/src/components/carte.jsx

@@ -1,8 +1,13 @@
+import { useState } from "react";
 function Carte(props) {
+  const [likes, setLikes] = useState(0);
   return (
     <div className="carte">
       <h2>{props.titre}</h2>
-      <p>{props.texte}</p>
+      <p>{props.niveaux}</p>
+      <p>{props.createur}</p>
+      <h2>{props.nom}</h2>
+      <button onClick={() => setLikes(likes + 1)}>❤️ {likes}</button>
     </div>
   );
 }

mon-projet/src/components/header.jsx

@@ -22,7 +22,7 @@ function Header() {
         tellement iconiques que des suites sont créées, créant ainsi des
         trilogies qui resteront à jamais dans l'esprit des joueurs. Aujourd'hui,
         on va parler de 5 trilogies qui ont marqué l'histoire de geometry dash,
-        5 trilogies qui ont su nous impacter.
+        trilogies qui ont su nous impacter.
       </p>
     </header>
   );