- {/* Header */}
-
-
-
-
PauCity Connect
-
-
-
-
-
-
-
- {/* Hero Section */}
-
-
-
- Bienvenue dans ta ville intelligente.
-
-
- Découvrez tout ce que votre ville a à offrir - des événements locaux aux horaires de transport, le tout en un seul endroit.
-
-
-
- {/* Search Section */}
-
-
-
- setSearchQuery(e.target.value)}
- />
-
-
-
-
-
-
-
-
-
- {/* Features Grid */}
-
-
-
-
-
-
Points d'intérêt
-
- Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de restaurants, de parcs ou de lieux culturels.
-
-
- Explorer les lieux
-
-
-
-
-
-
-
-
Evenements locaux
-
- Restez informé des derniers événements, festivals et rassemblements communautaires dans votre région.
-
-
- Voir les événements
-
-
-
-
-
-
-
-
Transports publics
-
- 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 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;
diff --git a/Front-end/src/pages/Home.jsx b/Front-end/src/pages/Home.jsx
new file mode 100644
index 0000000..5766368
--- /dev/null
+++ b/Front-end/src/pages/Home.jsx
@@ -0,0 +1,124 @@
+import React from 'react';
+import { Search, MapPin, Calendar, Bus, ArrowRight, LogIn, UserPlus } from 'lucide-react';
+import { useEffect, useState } from 'react';
+import axios from 'axios';
+
+function Home() {
+ const [searchQuery, setSearchQuery] = useState('');
+ const [activeFilter, setActiveFilter] = useState('all');
+ const [name, setName] = useState([]);
+ useEffect(()=> {
+ axios.get('http://localhost:8888?name=bob')
+ .then(response => {
+ setName(response.data.name);
+ })
+ .catch(error => {
+ console.error('There was an error!', error);
+ });
+ },[]);
+ return (
+
+
+
+
+ Bienvenue dans ta ville intelligente.
+
+
+ Découvrez tout ce que votre ville a à offrir - des événements locaux aux horaires de transport, le tout en un seul endroit.
+
+
+
+
+
+
+ setSearchQuery(e.target.value)}
+ />
+
+
+
+
+
+
+
+
+
+ {/* Features Grid */}
+
+
+
+
+
+
Points d'intérêt
+
+ Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de restaurants, de parcs ou de lieux culturels.
+
+
+ Explorer les lieux
+
+
+
+
+
+
+
+
Evenements locaux
+
+ Restez informé des derniers événements, festivals et rassemblements communautaires dans votre région.
+
+
+ Voir les événements
+
+
+
+
+
+
+
+
Transports publics
+
+ 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 Home;
\ No newline at end of file