diff --git a/mon-projet/src/App.jsx b/mon-projet/src/App.jsx
index 1fd6d58..116db15 100644
--- a/mon-projet/src/App.jsx
+++ b/mon-projet/src/App.jsx
@@ -1,12 +1,15 @@
 import "./App.css";
-import Header from "./components/Header"; // 👈 on IMPORTE le composant
+import Header from "./components/Header"; //
 import Footer from "./components/Footer";
 import Carte from "./components/Carte";
+import Compteurs from "./components/Compteurs";
 
 function App() {
   return (
     <div>
       <Header />
+      <Compteurs />
+
       <Carte titre="Géolocalisation" texte="Suivi en temps réel" />
       <Carte titre="Consommation" texte="Carburant consommé" />
       <Footer />
diff --git a/mon-projet/src/components/Compteurs.jsx b/mon-projet/src/components/Compteurs.jsx
new file mode 100644
index 0000000..6865176
--- /dev/null
+++ b/mon-projet/src/components/Compteurs.jsx
@@ -0,0 +1,14 @@
+import { useState } from "react";
+
+function Compteur() {
+  const [nombre, setNombre] = useState(0); // valeur de départ : 0
+
+  return (
+    <div>
+      <p>Véhicules : {nombre}</p>
+      <button onClick={() => setNombre(nombre + 1)}>+</button>
+    </div>
+  );
+}
+
+export default Compteur;