Merge branch main

2025-03-29 12:08:50 +01:00 · 2025-03-29 12:08:50 +01:00 · dd54481152
commit dd54481152
parent ca434afb89 40179a548a
12 changed files with 772 additions and 82 deletions
--- a/Back-end/pom.xml
+++ b/Back-end/pom.xml
@ -39,6 +39,26 @@
    <dependency>
      <groupId>io.vertx</groupId>
      <artifactId>vertx-core</artifactId>
+       <version>4.5.13</version>
+    </dependency>
+    <dependency>
+        <groupId>io.agroal</groupId>
+        <artifactId>agroal-api</artifactId>
+        <version>1.16</version> 
+    </dependency>
+    <dependency>
+        <groupId>io.agroal</groupId>
+        <artifactId>agroal-pool</artifactId>
+        <version>1.16</version> <!-- Utilisez la version la plus récente -->
+    </dependency>
+    <dependency>
+      <groupId>io.vertx</groupId>
+      <artifactId>vertx-jdbc-client</artifactId>
+    </dependency>
+    <dependency>
+      <groupId>org.postgresql</groupId>
+      <artifactId>postgresql</artifactId>
+      <version>42.6.0</version>
    </dependency>
    <dependency>
          <groupId>io.vertx</groupId>
--- a/Back-end/src/main/java/com/example/starter/DatabaseService.java
+++ b/Back-end/src/main/java/com/example/starter/DatabaseService.java
@ -0,0 +1,22 @@
+package com.example.starter;
+
+import io.vertx.core.Vertx;
+import io.vertx.jdbcclient.JDBCConnectOptions;
+import io.vertx.jdbcclient.JDBCPool;
+import io.vertx.sqlclient.PoolOptions;
+
+public class DatabaseService {
+    JDBCPool pool;
+
+    public DatabaseService(Vertx vertx) {
+        pool = JDBCPool.pool(vertx,
+                new JDBCConnectOptions()
+                        .setJdbcUrl("jdbc:postgresql://localhost:5432/postgres?useUnicode=true&amp;amp;characterEncoding=UTF-8") // URL de la base de données
+                        .setUser("postgres") // Nom d'utilisateur PostgreSQL
+                        .setPassword("admin"), // Mot de passe PostgreSQL
+                new PoolOptions()
+                        .setName("")
+                        .setMaxSize(16)
+        );
+    }
+}
--- a/Back-end/src/main/java/com/example/starter/MainVerticle.java
+++ b/Back-end/src/main/java/com/example/starter/MainVerticle.java
@ -1,49 +1,107 @@
 package com.example.starter;
- 
-import io.vertx.core.AbstractVerticle;
-import io.vertx.core.MultiMap;
-import io.vertx.core.Promise;
+
+import io.vertx.ext.web.handler.CorsHandler;
+import io.vertx.sqlclient.Row;
+import io.vertx.sqlclient.RowSet;
+import io.vertx.sqlclient.Tuple;
+import io.vertx.core.http.HttpMethod;
+import io.vertx.core.json.JsonArray;
 import io.vertx.core.json.JsonObject;
+
+import io.vertx.core.AbstractVerticle;
+import io.vertx.core.Promise;
 import io.vertx.ext.web.Router;
- 
+import io.vertx.ext.web.RoutingContext;
+
 public class MainVerticle extends AbstractVerticle {
- 
+  private DatabaseService databaseService;
+
  @Override
  public void start(Promise<Void> startPromise) throws Exception {
+    databaseService = new DatabaseService(vertx);
    // Create a Router
    Router router = Router.router(vertx);
- 
-    // Mount the handler for all incoming requests at every path and HTTP method
-    router.route().handler(context -> {
-      // Get the address of the request
-      String address = context.request().connection().remoteAddress().toString();
-      // Get the query parameter "name"
-      MultiMap queryParams = context.queryParams();
-      String name = queryParams.contains("name") ? queryParams.get("name") : "unknown";
-      // Write a json response
-      context.json(
-        new JsonObject()
-          .put("name", name)
-          .put("address", address)
-          .put("message", "Hello " + name + " connected from " + address)
-      );
-    });
- 
+    router.route().handler(CorsHandler.create()
+        .addOrigin("*") // Allow all origins
+        .allowedMethod(HttpMethod.GET) // Allow GET requests
+        .allowedMethod(HttpMethod.POST) // Allow POST requests
+        .allowedHeader("Content-Type") // Allow Content-Type header
+        .allowedHeader("Authorization"));
+    router.get("/objets").handler(this::getObjects);
+    router.get("/objet").handler(this::getParticularObject);
    // Create the HTTP server
+
    vertx.createHttpServer()
-      // Handle every request using the router
-      .requestHandler(router)
-      // Start listening
-      .listen(8888)
-      // Print the port on success
-      .onSuccess(server -> {
-        System.out.println("HTTP server started on port " + server.actualPort());
-        startPromise.complete();
-      })
-      // Print the problem on failure
-      .onFailure(throwable -> {
-        throwable.printStackTrace();
-        startPromise.fail(throwable);
-      });
+        .requestHandler(router)
+        .listen(8888)
+        .onSuccess(server -> {
+          System.out.println("HTTP server started on port " + server.actualPort());
+          startPromise.complete();
+        })
+        .onFailure(throwable -> {
+          throwable.printStackTrace();
+          startPromise.fail(throwable);
+        });
+  }
+
+  private void getObjects(RoutingContext context) {
+    databaseService.pool
+        .query("SELECT * FROM weather_objects;")
+        .execute()
+        .onFailure(e -> {
+          System.err.println("Erreur de récupération de la BDD :" + e.getMessage());
+          context.response()
+              .setStatusCode(500)
+              .end(new JsonObject().put("error", "Erreur de récupération de la BDD").encode());
+        })
+        .onSuccess(rows -> {
+          context.response()
+              .putHeader("content-type", "application/json; charset=UTF-8")
+              .end(getInfosObjects(rows).encode());
+        });
+  }
+  private void getParticularObject(RoutingContext context) {
+    String id= context.request().getParam("id");
+    if(id==null){
+      context.response()
+      .setStatusCode(400)
+      .end(new JsonObject().put("error", "Paramètre 'id' manquant").encode());
+      return;
+    }
+    databaseService.pool
+        .preparedQuery("SELECT * FROM weather_objects WHERE id=?")
+        .execute(Tuple.of(Integer.parseInt(id)))
+        .onFailure(e -> {
+          System.err.println("Erreur de récupération de la BDD :" + e.getMessage());
+          context.response()
+          .setStatusCode(500)
+          .end(new JsonObject().put("Erreur","Erreur de récupération de la BDD").encode());
+        })
+        .onSuccess(rows -> {
+          if (rows.size() == 0) {
+            context.response()
+                .setStatusCode(404)
+                .end(new JsonObject().put("error", "Objet non trouvé").encode());
+            return;
+        }
+          context.response()
+            .putHeader("content-type","application/json: charset=UTF-8")
+            .end(getInfosObjects(rows).encode());
+        });
+
+  }
+
+  private JsonArray getInfosObjects(RowSet<Row> rows){
+    JsonArray objects = new JsonArray();
+    for (Row row : rows) {
+      JsonObject object = new JsonObject()
+          .put("id", row.getInteger("id"))
+          .put("name", row.getString("name"))
+          .put("description", row.getString("description"))
+          .put("type", row.getString("type"))
+          .put("location", row.getString("location"));
+      objects.add(object);
+    }
+    return objects;
  }
 }
--- a/Back-end/src/main/java/com/example/starter/ProductHandler.java
+++ b/Back-end/src/main/java/com/example/starter/ProductHandler.java
@ -0,0 +1,5 @@
+package com.example.starter;
+
+public class ProductHandler {
+    
+}
--- a/Front-end/package-lock.json
+++ b/Front-end/package-lock.json
@ -9,7 +9,8 @@
      "version": "0.0.0",
      "license": "ISC",
      "dependencies": {
-        "lucide-react": "^0.344.0",
+        "axios": "^1.8.4",
+        "lucide-react": "^0.427.0",
        "react": "^18.3.1",
        "react-dom": "^18.3.1",
        "react-router-dom": "^7.4.0"
@ -1298,7 +1299,8 @@
    "node_modules/@types/cookie": {
      "version": "0.6.0",
      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
-      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="
+      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+      "license": "MIT"
    },
    "node_modules/@types/estree": {
      "version": "1.0.7",
@ -1426,6 +1428,12 @@
      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
      "dev": true
    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
    "node_modules/autoprefixer": {
      "version": "10.4.21",
      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
@ -1463,6 +1471,17 @@
        "postcss": "^8.1.0"
      }
    },
+    "node_modules/axios": {
+      "version": "1.8.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
+      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
    "node_modules/balanced-match": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@ -1535,6 +1554,19 @@
        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
      }
    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/callsites": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@ -1643,6 +1675,18 @@
      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
      "dev": true
    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
    "node_modules/commander": {
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@ -1668,6 +1712,7 @@
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
+      "license": "MIT",
      "engines": {
        "node": ">=18"
      }
@ -1721,6 +1766,15 @@
      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
      "dev": true
    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
    "node_modules/didyoumean": {
      "version": "1.2.2",
      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@ -1733,6 +1787,20 @@
      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
      "dev": true
    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/eastasianwidth": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@ -1751,6 +1819,51 @@
      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
      "dev": true
    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/esbuild": {
      "version": "0.21.5",
      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
@ -2092,6 +2205,26 @@
      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
      "dev": true
    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
    "node_modules/foreground-child": {
      "version": "3.3.1",
      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
@ -2108,6 +2241,21 @@
        "url": "https://github.com/sponsors/isaacs"
      }
    },
+    "node_modules/form-data": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+      "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
    "node_modules/fraction.js": {
      "version": "4.3.7",
      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@ -2139,7 +2287,6 @@
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
      "funding": {
        "url": "https://github.com/sponsors/ljharb"
      }
@ -2153,6 +2300,43 @@
        "node": ">=6.9.0"
      }
    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/glob": {
      "version": "10.4.5",
      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
@ -2221,6 +2405,18 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/has-flag": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@ -2230,11 +2426,37 @@
        "node": ">=8"
      }
    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
    "node_modules/hasown": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dev": true,
      "dependencies": {
        "function-bind": "^1.1.2"
      },
@ -2513,11 +2735,21 @@
      }
    },
    "node_modules/lucide-react": {
-      "version": "0.344.0",
-      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.344.0.tgz",
-      "integrity": "sha512-6YyBnn91GB45VuVT96bYCOKElbJzUHqp65vX8cDcu55MQL9T969v4dhGClpljamuI/+KMO9P6w9Acq1CVQGvIQ==",
+      "version": "0.427.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.427.0.tgz",
+      "integrity": "sha512-lv9s6c5BDF/ccuA0EgTdskTxIe11qpwBDmzRZHJAKtp8LTewAvDvOM+pTES9IpbBuTqkjiMhOmGpJ/CB+mKjFw==",
+      "license": "ISC",
      "peerDependencies": {
-        "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
      }
    },
    "node_modules/merge2": {
@ -2542,6 +2774,27 @@
        "node": ">=8.6"
      }
    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
    "node_modules/minimatch": {
      "version": "3.1.2",
      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@ -2945,6 +3198,12 @@
        "node": ">= 0.8.0"
      }
    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
    "node_modules/punycode": {
      "version": "2.3.1",
      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@ -3010,6 +3269,7 @@
      "version": "7.4.0",
      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.4.0.tgz",
      "integrity": "sha512-Y2g5ObjkvX3VFeVt+0CIPuYd9PpgqCslG7ASSIdN73LwA1nNWzcMLaoMRJfP3prZFI92svxFwbn7XkLJ+UPQ6A==",
+      "license": "MIT",
      "dependencies": {
        "@types/cookie": "^0.6.0",
        "cookie": "^1.0.1",
@ -3033,6 +3293,7 @@
      "version": "7.4.0",
      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.4.0.tgz",
      "integrity": "sha512-VlksBPf3n2bijPvnA7nkTsXxMAKOj+bWp4R9c3i+bnwlSOFAGOkJkKhzy/OsRkWaBMICqcAl1JDzh9ZSOze9CA==",
+      "license": "MIT",
      "dependencies": {
        "react-router": "7.4.0"
      },
@ -3192,7 +3453,8 @@
    "node_modules/set-cookie-parser": {
      "version": "2.7.1",
      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
-      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ=="
+      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
+      "license": "MIT"
    },
    "node_modules/shebang-command": {
      "version": "2.0.0",
@ -3469,7 +3731,8 @@
    "node_modules/turbo-stream": {
      "version": "2.4.0",
      "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz",
-      "integrity": "sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g=="
+      "integrity": "sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==",
+      "license": "ISC"
    },
    "node_modules/type-check": {
      "version": "0.4.0",
--- a/Front-end/package.json
+++ b/Front-end/package.json
@ -10,7 +10,8 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "lucide-react": "^0.344.0",
+    "axios": "^1.8.4",
+    "lucide-react": "^0.427.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-router-dom": "^7.4.0"
--- a/Front-end/src/App.jsx
+++ b/Front-end/src/App.jsx
@ -1,45 +1,26 @@
-import React from 'react';
-import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
-import { LogIn, UserPlus } from 'lucide-react';
-import Home from './pages/Home';
-import AdminDashboard from './pages/AdminDashboard';
-import Inscription from './pages/Inscription';
-
-
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import Home from "./pages/Home.jsx";
+import About from "./pages/About.jsx";
+import Gestion from "./pages/Gestion/Gestion.jsx";
+import Header from "./components/Header.jsx";
+import ObjectManagement from "./pages/Gestion/ObjectManagement.jsx";
+import Objet from "./pages/Gestion/Objet.jsx";
 function App() {
+
  return (
    <Router>
-      <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50">
-        {/* Header */}
-        <header className="bg-white shadow-sm">
-          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-            <div className="flex justify-between items-center">
-              <Link to="/" className="text-2xl font-bold text-indigo-600">Meteo France</Link>
-              <div className="flex gap-4">
-                <Link to="/admin" className="text-indigo-600 hover:text-indigo-700 font-medium">
-                  Admin Dashboard
-                </Link>
-                <button className="flex items-center gap-2 text-gray-600 hover:text-indigo-600">
-                  <LogIn size={20} />
-                  <span>Login</span>
-                </button>
-                <Link to="/inscription" className="flex items-center gap-2 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700">
-                  <UserPlus size={20} />
-                  <span>Sign Up</span>
-                </Link>
-              </div>
-            </div>
-          </div>
-        </header>
-
+      <div>
+        <Header />
        <Routes>
          <Route path="/" element={<Home />} />
-          <Route path="/admin" element={<AdminDashboard />} />
-          <Route path="/inscription" element={<Inscription/>}/>
+          <Route path="/about" element={<About />} />
+          <Route path="/gestion" element={<Gestion />} />
+          <Route path="/gestionObjets" element={<ObjectManagement />} />
+          <Route path="/objet" element={<Objet />} />
        </Routes>
      </div>
    </Router>
  );
 }

-export default App;
+export default App;
--- a/Front-end/src/components/Header.jsx
+++ b/Front-end/src/components/Header.jsx
@ -0,0 +1,39 @@
+import React from "react";
+import { LogIn, UserPlus } from "lucide-react";
+
+function Header() {
+  return (
+    <header className="bg-white shadow-sm">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
+        <div className="flex justify-between items-center">
+          <h1 className="text-2xl font-bold text-indigo-600">Hopital de Pau</h1>
+          <nav>
+          <ul>
+            <li>
+              <a href="/">Accueil</a>
+            </li>
+            <li>
+              <a href="/about">A propos</a>
+            </li>
+            <li>
+              <a href="/gestion">Gestion</a>
+            </li>
+          </ul>
+        </nav>
+          <div className="flex gap-4">
+            <button className="flex items-center gap-2 text-gray-600 hover:text-indigo-600">
+              <LogIn size={20} />
+              <span>Connexion</span>
+            </button>
+            <button className="flex items-center gap-2 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700">
+              <UserPlus size={20} />
+              <span>Inscription</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </header>
+  );
+}
+
+export default Header;
--- a/Front-end/src/pages/About.jsx
+++ b/Front-end/src/pages/About.jsx
@ -0,0 +1,11 @@
+import React from 'react';
+
+function About() {
+    return (
+        <div>
+            <h1>A propos</h1>
+        </div>
+    );
+}
+
+export default About;
--- a/Front-end/src/pages/Gestion/Gestion.jsx
+++ b/Front-end/src/pages/Gestion/Gestion.jsx
@ -0,0 +1,111 @@
+import React from "react";
+import {
+  Search,
+  MapPin,
+  Calendar,
+  Bus,
+  ArrowRight,
+  LogIn,
+  UserPlus,
+  RadioTower,
+  Binoculars,
+  Settings,
+  ChartArea,
+} from "lucide-react";
+
+function Gestion() {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div className="text-center mb-12">
+          <h2 className="text-4xl font-bold text-gray-900 mb-4">
+            Bienvenue dans le module <b>Gestion</b>.
+          </h2>
+          <p className="text-xl text-gray-600 max-w-3xl mx-auto">
+            Dans ce module, vous allez pouvoir gerer les objets connectés de
+            l'hopital.
+          </p>
+        </div>
+
+        {/* Features Grid */}
+        <div className="grid md:grid-cols-3 gap-8">
+          <div className="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+            <div className="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
+              <RadioTower className="text-indigo-600" size={24} />
+            </div>
+            <h3 className="text-xl font-semibold mb-2">
+              Gestion des objets connectés
+            </h3>
+            <p className="text-gray-600 mb-4">
+              Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de
+              restaurants, de parcs ou de lieux culturels.
+            </p>
+            <a
+              href="/gestionObjets"
+              className="flex items-center text-indigo-600 hover:text-indigo-700"
+            >
+              Explorer les lieux <ArrowRight size={16} className="ml-2" />
+            </a>
+          </div>
+          <div className="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+            <div className="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
+              <Settings className="text-indigo-600" size={24} />
+            </div>
+            <h3 className="text-xl font-semibold mb-2">
+              Configurer des services
+            </h3>
+            <p className="text-gray-600 mb-4">
+              Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de
+              restaurants, de parcs ou de lieux culturels.
+            </p>
+            <a
+              href="#"
+              className="flex items-center text-indigo-600 hover:text-indigo-700"
+            >
+              Explorer les lieux <ArrowRight size={16} className="ml-2" />
+            </a>
+          </div>
+          <div className="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+            <div className="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
+              <Binoculars className="text-indigo-600" size={24} />
+            </div>
+            <h3 className="text-xl font-semibold mb-2">
+              Surveillance et optimisation des ressources
+            </h3>
+            <p className="text-gray-600 mb-4">
+              Restez informé des derniers événements, festivals et
+              rassemblements communautaires dans votre région.
+            </p>
+            <a
+              href="#"
+              className="flex items-center text-indigo-600 hover:text-indigo-700"
+            >
+              Voir les événements <ArrowRight size={16} className="ml-2" />
+            </a>
+          </div>
+
+          <div className="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+            <div className="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
+              <ChartArea className="text-indigo-600" size={24} />
+            </div>
+            <h3 className="text-xl font-semibold mb-2">
+              Rapports statistiques
+            </h3>
+            <p className="text-gray-600 mb-4">
+              Accédez en temps réel aux horaires et aux itinéraires des bus, des
+              trains et des autres transports publics.
+            </p>
+            <a
+              href="#"
+              className="flex items-center text-indigo-600 hover:text-indigo-700"
+            >
+              Vérifier les horaires <ArrowRight size={16} className="ml-2" />
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Gestion;
--- a/Front-end/src/pages/Gestion/ObjectManagement.jsx
+++ b/Front-end/src/pages/Gestion/ObjectManagement.jsx
@ -0,0 +1,119 @@
+import React from "react";
+import {
+  Search,
+  MapPin,
+  Calendar,
+  Bus,
+  ArrowRight,
+  LogIn,
+  UserPlus,
+  RadioTower,
+  Binoculars,
+  Settings,
+  ChartArea,
+} from "lucide-react";
+import { useEffect, useState } from "react";
+import axios from "axios";
+import { useFetcher } from "react-router-dom";
+
+function ObjectManagement() {
+  const [searchQuery, setSearchQuery] = useState("");
+  const [activeFilter, setActiveFilter] = useState("all");
+  const [objects, setObjects] = useState([]);
+  useEffect(() => {
+    axios.get("http://localhost:8888/objets").then((response) => {
+      setObjects(response.data);
+      console.log(response.data);
+    });
+  }, []);
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div className="text-center mb-12">
+          <h2 className="text-4xl font-bold text-gray-900 mb-4">
+            Gestion des <b>Objets</b> connectés.
+          </h2>
+        </div>
+        <div className="max-w-3xl mx-auto mb-12">
+          <div className="relative">
+            <Search
+              className="absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400"
+              size={24}
+            />
+            <input
+              type="text"
+              placeholder="Chercher par nom, catégorie ou mot clés..."
+              className="w-full pl-12 pr-4 py-4 rounded-xl border border-gray-200 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+            />
+          </div>
+          <div className="flex gap-4 mt-4 justify-center">
+            <button
+              onClick={() => setActiveFilter("all")}
+              className={`px-4 py-2 rounded-lg ${
+                activeFilter === "all"
+                  ? "bg-indigo-600 text-white"
+                  : "bg-white text-gray-600"
+              }`}
+            >
+              Tout
+            </button>
+            <button
+              onClick={() => setActiveFilter("locations")}
+              className={`px-4 py-2 rounded-lg ${
+                activeFilter === "locations"
+                  ? "bg-indigo-600 text-white"
+                  : "bg-white text-gray-600"
+              }`}
+            >
+              Villes
+            </button>
+            <button
+              onClick={() => setActiveFilter("events")}
+              className={`px-4 py-2 rounded-lg ${
+                activeFilter === "events"
+                  ? "bg-indigo-600 text-white"
+                  : "bg-white text-gray-600"
+              }`}
+            >
+              Station météo
+            </button>
+            <button
+              onClick={() => setActiveFilter("transport")}
+              className={`px-4 py-2 rounded-lg ${
+                activeFilter === "transport"
+                  ? "bg-indigo-600 text-white"
+                  : "bg-white text-gray-600"
+              }`}
+            >
+              Capteur
+            </button>
+          </div>
+        </div>
+        <div className="grid md:grid-cols-3 gap-8">
+            {objects.map(object =>(
+                <div key={object.id} className="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+                <div className="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
+                    <RadioTower className="text-indigo-600" size={24} />
+                </div>
+                <h3 className="text-xl font-semibold mb-2">
+                    {object.name}
+                </h3>
+                <p className="text-gray-600 mb-4">
+                    {object.description}
+                </p>
+                <a
+                    href={`/objet?id=${object.id}`}
+                    className="flex items-center text-indigo-600 hover:text-indigo-700"
+                >
+                    Plus d'infos <ArrowRight size={16} className="ml-2" />
+                </a>
+                </div>
+            ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+export default ObjectManagement;
--- a/Front-end/src/pages/Gestion/Objet.jsx
+++ b/Front-end/src/pages/Gestion/Objet.jsx
@ -0,0 +1,60 @@
+import React from "react";
+import {
+  Search,
+  MapPin,
+  Calendar,
+  Bus,
+  ArrowRight,
+  LogIn,
+  UserPlus,
+  RadioTower,
+  Binoculars,
+  Settings,
+  ChartArea,
+} from "lucide-react";
+import { useEffect, useState } from "react";
+import axios from "axios";
+import { useFetcher } from "react-router-dom";
+
+function Objet() {
+  const identifiant = new URLSearchParams(window.location.search).get("id");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [activeFilter, setActiveFilter] = useState("all");
+  const [object, setObject] = useState({});
+  useEffect(() => {
+    axios.get(`http://localhost:8888/objet?id=${identifiant}`).then((response) => {
+      setObject(response.data[0]);
+      console.log(response.data);
+    });
+  }, [identifiant]);
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+        <div className="text-center mb-12">
+          <h2 className="text-4xl font-bold text-gray-900 mb-4">
+            {object.name}
+          </h2>
+        </div>
+        <div className="grid md:grid-cols-3 gap-8">
+            <div
+              key={object.id}
+              className="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow"
+            >
+              <div className="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-4">
+                <RadioTower className="text-indigo-600" size={24} />
+              </div>
+              <h3 className="text-xl font-semibold mb-2">{object.name}</h3>
+              <p className="text-gray-600 mb-4">{object.description}</p>
+              <a
+                href={`/objet?id=${object.id}`}
+                className="flex items-center text-indigo-600 hover:text-indigo-700"
+              >
+                Plus d'infos <ArrowRight size={16} className="ml-2" />
+              </a>
+            </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+export default Objet;