- {/* Header */}
-
-
-
-
Meteo France
-
-
- Admin Dashboard
-
-
-
-
- Sign Up
-
-
-
-
-
+
+
} />
- } />
- }/>
+ } />
+ } />
+ } />
+ } />
);
}
-export default App;
\ No newline at end of file
+export default App;
diff --git a/Front-end/src/components/Header.jsx b/Front-end/src/components/Header.jsx
new file mode 100644
index 0000000..24c0dc0
--- /dev/null
+++ b/Front-end/src/components/Header.jsx
@@ -0,0 +1,39 @@
+import React from "react";
+import { LogIn, UserPlus } from "lucide-react";
+
+function Header() {
+ return (
+
+
+
+
Hopital de Pau
+
+
+
+
+
+
+
+ );
+}
+
+export default Header;
\ No newline at end of file
diff --git a/Front-end/src/pages/About.jsx b/Front-end/src/pages/About.jsx
new file mode 100644
index 0000000..892f66e
--- /dev/null
+++ b/Front-end/src/pages/About.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function About() {
+ return (
+
+
A propos
+
+ );
+}
+
+export default About;
\ No newline at end of file
diff --git a/Front-end/src/pages/Gestion/Gestion.jsx b/Front-end/src/pages/Gestion/Gestion.jsx
new file mode 100644
index 0000000..b3d1e9b
--- /dev/null
+++ 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 (
+
+
+
+
+ Bienvenue dans le module Gestion.
+
+
+ Dans ce module, vous allez pouvoir gerer les objets connectés de
+ l'hopital.
+
+
+
+ {/* Features Grid */}
+
+
+
+
+
+
+ Gestion des objets connectés
+
+
+ Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de
+ restaurants, de parcs ou de lieux culturels.
+
+
+ Explorer les lieux
+
+
+
+
+
+
+
+ Configurer des services
+
+
+ Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de
+ restaurants, de parcs ou de lieux culturels.
+
+
+ Explorer les lieux
+
+
+
+
+
+
+
+ Surveillance et optimisation des ressources
+
+
+ Restez informé des derniers événements, festivals et
+ rassemblements communautaires dans votre région.
+
+
+ Voir les événements
+
+
+
+
+
+
+
+
+ Rapports statistiques
+
+
+ Accédez en temps réel aux horaires et aux itinéraires des bus, des
+ trains et des autres transports publics.
+
+
+ Vérifier les horaires
+
+
+
+
+
+ );
+}
+
+export default Gestion;
diff --git a/Front-end/src/pages/Gestion/ObjectManagement.jsx b/Front-end/src/pages/Gestion/ObjectManagement.jsx
new file mode 100644
index 0000000..5ed5082
--- /dev/null
+++ 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 (
+
+
+
+
+ Gestion des Objets connectés.
+
+
+
+
+
+ setSearchQuery(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+
+ {objects.map(object =>(
+
+ ))}
+
+
+
+ );
+}
+export default ObjectManagement;
diff --git a/Front-end/src/pages/Gestion/Objet.jsx b/Front-end/src/pages/Gestion/Objet.jsx
new file mode 100644
index 0000000..38a362b
--- /dev/null
+++ 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 (
+
+
+
+
+ {object.name}
+
+
+
+
+
+ );
+}
+export default Objet;