+
+
+
+ )));
+}
+
+export default AlertInactive;
\ No newline at end of file
diff --git a/Front-end/src/components/BatterieInfo.jsx b/Front-end/src/components/BatterieInfo.jsx
new file mode 100644
index 0000000..642fe31
--- /dev/null
+++ b/Front-end/src/components/BatterieInfo.jsx
@@ -0,0 +1,27 @@
+import React from "react";
+import { Battery } from "lucide-react";
+import Progress from "react-circle-progress-bar";
+
+function BatterieInfo({ object }) {
+ return (
+ + Cet objet peut être inactif dû à son manque de données. Vous pouvez le + rendre inactif en appuyant ici. +
+
+
+ );
+}
+
+export default BatterieInfo;
diff --git a/Front-end/src/components/BoutonGraphique.jsx b/Front-end/src/components/BoutonGraphique.jsx
new file mode 100644
index 0000000..932725f
--- /dev/null
+++ b/Front-end/src/components/BoutonGraphique.jsx
@@ -0,0 +1,27 @@
+import React, {useRef} from "react";
+import { ChartLine } from "lucide-react";
+function BoutonGraphique({ TypeAff, setAffichage,graphCible}) {
+ const handleClick = (newAffichage) =>{
+ setAffichage(newAffichage);
+ if(graphCible.current){
+ graphCible.current.scrollIntoView({ behavior: "smooth" });
+ }
+ };
+ return !TypeAff ? (
+
+ ) : (
+
+ );
+}
+
+export default BoutonGraphique;
diff --git a/Front-end/src/components/InfoObject.jsx b/Front-end/src/components/InfoObject.jsx
new file mode 100644
index 0000000..9c16424
--- /dev/null
+++ b/Front-end/src/components/InfoObject.jsx
@@ -0,0 +1,46 @@
+import React from "react";
+import { Info } from "lucide-react";
+
+function InfoObject({ object,defafficherModif }) {
+ return (
+
+
+
+
+ + Etat de la batterie +
+
+
+
+ + Type de batterie :{" "} + {object.type_batterie} +
+
+
+ );
+}
+
+export default InfoObject;
diff --git a/Front-end/src/components/MeteoGraph.jsx b/Front-end/src/components/MeteoGraph.jsx
new file mode 100644
index 0000000..ee957f4
--- /dev/null
+++ b/Front-end/src/components/MeteoGraph.jsx
@@ -0,0 +1,90 @@
+import React, { useEffect, useState } from "react";
+import {
+ LineChart,
+ Line,
+ XAxis,
+ YAxis,
+ CartesianGrid,
+ Tooltip,
+ Legend,
+ ResponsiveContainer,
+ ReferenceLine,
+} from "recharts";
+
+import { Wind } from "lucide-react";
+import axios from "axios";
+import { API_BASE_URL } from "../config";
+
+function MeteoGraph({ object, categorie, Logo }) {
+ const [rawData, setRawData] = useState([]);
+ const identifiant = object.id;
+ useEffect(() => {
+ axios.get(`${API_BASE_URL}/meteo?id=${identifiant}`).then((response) => {
+ setRawData(response.data);
+ });
+ }, [object]);
+
+ function getAvg() {
+ let moyenne = 0;
+ rawData.forEach((element) => {
+ if(element){
+ moyenne += element[categorie];
+ }
+ });
+ return moyenne / rawData.length;
+ }
+ return (
+
+
+
+
+ Informations
+
+
+
+ Description :
+{object.description}
+
+
+
+ Type :
+{object.type}
+
+
+
+ Localisation :
+{object.location}
+
+
+
+ Status :
+{object.status}
+
+
+
+ + Derniere mise à jour : +
+{object.last_update}
+
+
+
+
+
+
+ );
+}
+
+export default MeteoGraph;
diff --git a/Front-end/src/components/MeteoInfos.jsx b/Front-end/src/components/MeteoInfos.jsx
new file mode 100644
index 0000000..1e2604b
--- /dev/null
+++ b/Front-end/src/components/MeteoInfos.jsx
@@ -0,0 +1,130 @@
+import { Thermometer, Sun, CircleGauge, Droplet } from "lucide-react";
+import React, { useEffect, useState } from "react";
+
+import axios from "axios";
+import { API_BASE_URL } from "../config";
+import BoutonGraphique from "./BoutonGraphique";
+import AlertInactive from "./AlertInactive";
+
+function MeteoInfos({
+ object,
+ defAffTempGraph,
+ AffTempGraph,
+ defAffPressionGraph,
+ AffPressionGraph,
+ defAffHumiditeGraph,
+ AffHumiditeGraph,
+ graphCible
+}) {
+ const [rawData, setRawData] = useState([]);
+ const [AffAlert,setAffAlert] = useState(false);
+ const identifiant = object.id;
+
+ useEffect(() => {
+ axios.get(`${API_BASE_URL}/meteo?id=${identifiant}`).then((response) => {
+ setRawData(response.data);
+ if(rawData.length <5){
+ setAffAlert(true);
+ }
+ });
+ }, [object]);
+
+ const lastData = rawData.length > 0 ? rawData[rawData.length - 1] : null;
+ console.log(rawData.length);
+ return (
+
+
+
+
+ {categorie === "temperature" ? (
+ + Historique de la température +
+ ) : categorie === "humidity" ? ( ++ Historique de l'humidité +
+ ) : ( ++ Historique de la pression +
+ )} +
+ {(AffAlert&&(object.status==="active")) && (
+
+ );
+}
+
+export default MeteoInfos;
diff --git a/Front-end/src/components/ModifObject.jsx b/Front-end/src/components/ModifObject.jsx
new file mode 100644
index 0000000..b3658d1
--- /dev/null
+++ b/Front-end/src/components/ModifObject.jsx
@@ -0,0 +1,158 @@
+import React, { useState } from "react";
+import { Info } from "lucide-react";
+import axios from "axios";
+import { API_BASE_URL } from "../config";
+
+function ModifObject({ object, defafficherModif }) {
+ const [description, setDescription] = useState(object.description || "");
+ const [type, setType] = useState(object.type || "");
+ const [location, setLocalisation] = useState(object.location || "");
+ const [status, setStatus] = useState(object.status || "inactive");
+ const [isActive, setActive] = useState(object.status === "active");
+
+ function handleSubmit(event) {
+ event.preventDefault(); // Empêche le rechargement de la page
+ axios
+ .post(`${API_BASE_URL}/modifObjet`, {
+ id: object.id,
+ description,
+ type,
+ location,
+ status,
+ })
+ .then((response) => {
+ console.log("Modification réussie :", response.data);
+ })
+ .catch((error) => {
+ console.error("Erreur lors de la modification :", error);
+ });
+ defafficherModif(false);
+ window.location.reload();
+ }
+
+ function handleCancel() {
+ defafficherModif(false);
+ }
+
+ function handleStatusChange() {
+ setActive((prevIsActive) => {
+ const newIsActive = !prevIsActive;
+ setStatus(newIsActive ? "active" : "inactive");
+ return newIsActive;
+ });
+ }
+
+ return (
+
+ );
+}
+
+export default ModifObject;
diff --git a/Front-end/src/components/WindGraph.jsx b/Front-end/src/components/WindGraph.jsx
new file mode 100644
index 0000000..575d8da
--- /dev/null
+++ b/Front-end/src/components/WindGraph.jsx
@@ -0,0 +1,62 @@
+import React, { useEffect, useState} from "react";
+import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';
+
+import { Wind } from "lucide-react";
+import axios from "axios";
+import { API_BASE_URL } from "../config";
+
+function WindGraph({ object }) {
+ const [rawData, setRawData] = useState([]);
+ const identifiant = object.id;
+ useEffect(() => {
+ axios.get(`${API_BASE_URL}/wind?id=${identifiant}`).then((response) => {
+ setRawData(response.data);
+ });
+ }, [object]);
+ const CustomTooltip = ({ payload, label, active }) => {
+ if (active && payload && payload.length) {
+ const { wind_speed, timestamp,wind_direction } = payload[0].payload;
+ return (
+
+
+ {lastData ? (
+
+
+ Météo actuelle
+
+ {lastData.temperature && (
+
+ ) : (
+
+
+ )}
+ {lastData.pressure && (
+
+
+
+
+
+
+
+
+ + Température +
++ {lastData.temperature} °C +
+
+
+ )}
+ {lastData.humidity && (
+
+
+
+
+
+
+
+
+ + Pression +
++ {lastData.pressure} hPa +
+
+
+ )}
+
+
+
+
+
+
+
+
+ + Humidité +
++ {lastData.humidity} % +
++ Dernier enregistrement : {lastData.timestamp} +
+Chargement des données...
+ )} +
+
+ );
+ }
+
+ return null; // Si aucun point n'est survolé
+ };
+ return (
+ Date: {timestamp}
+Vitesse du vent: {wind_speed} km/h
+Direction du vent: {wind_direction}
+
+
+
+ }/>
+
+
+
+
+ );
+}
+
+export default WindGraph;
diff --git a/Front-end/src/components/WindInfo.jsx b/Front-end/src/components/WindInfo.jsx
new file mode 100644
index 0000000..ac479d5
--- /dev/null
+++ b/Front-end/src/components/WindInfo.jsx
@@ -0,0 +1,67 @@
+import { Wind } from "lucide-react";
+import React, { useEffect, useState } from "react";
+
+import axios from "axios";
+import { API_BASE_URL } from "../config";
+import BoutonGraphique from "./BoutonGraphique";
+
+function WindInfo({ object, defAffWindGraph, AffWindGraph }) {
+ const [rawData, setRawData] = useState([]);
+ const identifiant = object.id;
+ useEffect(() => {
+ axios.get(`${API_BASE_URL}/wind?id=${identifiant}`).then((response) => {
+ setRawData(response.data);
+ });
+ }, [object]);
+
+ const lastData = rawData.length > 0 ? rawData[rawData.length - 1] : null;
+
+ return (
+
+
+
+
+ Historique du vent
+
+
+ );
+}
+
+export default WindInfo;
diff --git a/Front-end/src/config.js b/Front-end/src/config.js
new file mode 100644
index 0000000..5c2983f
--- /dev/null
+++ b/Front-end/src/config.js
@@ -0,0 +1 @@
+export const API_BASE_URL = 'http://localhost:8888';
\ No newline at end of file
diff --git a/Front-end/src/img/Est.png b/Front-end/src/img/Est.png
new file mode 100644
index 0000000..96a8101
Binary files /dev/null and b/Front-end/src/img/Est.png differ
diff --git a/Front-end/src/img/Nord-Est.png b/Front-end/src/img/Nord-Est.png
new file mode 100644
index 0000000..108fc9a
Binary files /dev/null and b/Front-end/src/img/Nord-Est.png differ
diff --git a/Front-end/src/img/Nord-Ouest.png b/Front-end/src/img/Nord-Ouest.png
new file mode 100644
index 0000000..6d58631
Binary files /dev/null and b/Front-end/src/img/Nord-Ouest.png differ
diff --git a/Front-end/src/img/Nord.png b/Front-end/src/img/Nord.png
new file mode 100644
index 0000000..8c47efa
Binary files /dev/null and b/Front-end/src/img/Nord.png differ
diff --git a/Front-end/src/img/NotreMission.png b/Front-end/src/img/NotreMission.png
new file mode 100644
index 0000000..f51ebc9
Binary files /dev/null and b/Front-end/src/img/NotreMission.png differ
diff --git a/Front-end/src/img/Ouest.png b/Front-end/src/img/Ouest.png
new file mode 100644
index 0000000..7b544a9
Binary files /dev/null and b/Front-end/src/img/Ouest.png differ
diff --git a/Front-end/src/img/Sud-Est.png b/Front-end/src/img/Sud-Est.png
new file mode 100644
index 0000000..39d0632
Binary files /dev/null and b/Front-end/src/img/Sud-Est.png differ
diff --git a/Front-end/src/img/Sud-Ouest.png b/Front-end/src/img/Sud-Ouest.png
new file mode 100644
index 0000000..2840f64
Binary files /dev/null and b/Front-end/src/img/Sud-Ouest.png differ
diff --git a/Front-end/src/img/Sud.png b/Front-end/src/img/Sud.png
new file mode 100644
index 0000000..d3e5bd7
Binary files /dev/null and b/Front-end/src/img/Sud.png differ
diff --git a/Front-end/src/img/fr-alert.webp b/Front-end/src/img/fr-alert.webp
new file mode 100644
index 0000000..d1ab54b
Binary files /dev/null and b/Front-end/src/img/fr-alert.webp differ
diff --git a/Front-end/src/img/gestioniot.png b/Front-end/src/img/gestioniot.png
new file mode 100644
index 0000000..d2661ab
Binary files /dev/null and b/Front-end/src/img/gestioniot.png differ
diff --git a/Front-end/src/img/iotmeteo.jpg b/Front-end/src/img/iotmeteo.jpg
new file mode 100644
index 0000000..19a2683
Binary files /dev/null and b/Front-end/src/img/iotmeteo.jpg differ
diff --git a/Front-end/src/img/precisionfiable.jpg b/Front-end/src/img/precisionfiable.jpg
new file mode 100644
index 0000000..b861940
Binary files /dev/null and b/Front-end/src/img/precisionfiable.jpg differ
diff --git a/Front-end/src/img/surveillancemeteo.webp b/Front-end/src/img/surveillancemeteo.webp
new file mode 100644
index 0000000..976fac5
Binary files /dev/null and b/Front-end/src/img/surveillancemeteo.webp differ
diff --git a/Front-end/src/img/surveillancetempsreel.jpg b/Front-end/src/img/surveillancetempsreel.jpg
new file mode 100644
index 0000000..07405a2
Binary files /dev/null and b/Front-end/src/img/surveillancetempsreel.jpg differ
diff --git a/Front-end/src/pages/About.jsx b/Front-end/src/pages/About.jsx
index 892f66e..416ee62 100644
--- a/Front-end/src/pages/About.jsx
+++ b/Front-end/src/pages/About.jsx
@@ -1,11 +1,168 @@
-import React from 'react';
+import React from "react";
function About() {
- return (
-
+
+ {lastData ? (
+
+
+ Vent actuel
+
+ 
+
+ ) : (
+
+ + {lastData.wind_direction} +
+
+
+
+
+
+
+
+
+
+
+ Valeur
++ {lastData.wind_speed} Km/h +
++ Dernier enregistrement : {lastData.timestamp} +
+Chargement des données...
+ )} +
-
A propos
+ return ( +
+
+ );
}
-export default About;
\ No newline at end of file
+export default About;
diff --git a/Front-end/src/pages/Gestion/AddObject.jsx b/Front-end/src/pages/Gestion/AddObject.jsx
new file mode 100644
index 0000000..8881166
--- /dev/null
+++ b/Front-end/src/pages/Gestion/AddObject.jsx
@@ -0,0 +1,220 @@
+import React, { useState } from "react";
+import { BadgePlus } from "lucide-react";
+import axios from "axios";
+import { API_BASE_URL } from "../../config";
+
+function AddObject() {
+ const [description, setDescription] = useState("");
+ const [type, setType] = useState("");
+ const [location, setLocalisation] = useState("");
+ const [status, setStatus] = useState("active");
+ const [nom, setNom] = useState("");
+ const [Response, setResponse] = useState(null);
+ const [isActive, setActive] = useState(true);
+ const [verif, setVerif] = useState(false);
+ const [enregistre, setEnregistre] = useState(false);
+ const [messRequete, setMessRequete] = useState("");
+ function handleSubmit(event) {
+ event.preventDefault();
+
+ if (verif) {
+ console.log("Envoi requete");
+ axios
+ .post(`${API_BASE_URL}/addObject`, {
+ nom,
+ description,
+ type,
+ location,
+ status,
+ })
+ .then((response) => {
+ setMessRequete("Votre objet à bien été enregistré !");
+ setEnregistre(true);
+ console.log("Ajout de l'objet réussit :", response.data);
+ })
+ .catch((error) => {
+ setMessRequete("Il y a eu une erreur dans l'ajout de votre objet !");
+ console.error("Erreur lors de l'ajout de l'objet :", error);
+ });
+ setVerif(false);
+ resetForm();
+ } else {
+ setVerif(true);
+ }
+ }
+ function resetForm() {
+ setNom("");
+ setStatus("");
+ setDescription("");
+ setType("");
+ setLocalisation("");
+ setActive(true);
+ }
+ function handleCancel() {
+ if (verif) {
+ setVerif(false);
+ } else {
+ resetForm();
+ }
+ }
+
+ function handleStatusChange() {
+ setActive((prevIsActive) => {
+ const newIsActive = !prevIsActive;
+ setStatus(newIsActive ? "active" : "inactive");
+ return newIsActive;
+ });
+ }
+
+ return (
+
+
+
+ {/* Grille principale */}
+
- );
+
+ {/* Section Notre mission */}
+ 
+
+ {/* Section Qui sommes-nous */}
+ 
+ 
+
+
+ {/* Section Objectifs */}
+
+
+ + Notre mission +
++ Notre mission est de fournir une solution complète et innovante + pour la surveillance climatique et environnementale du + territoire français. En combinant des prévisions météorologiques + de haute qualité avec une gestion efficace des objets connectés, + nous visons à offrir une plateforme centralisée permettant de + surveiller en temps réel les conditions météorologiques locales, + tout en facilitant l'analyse des données collectées par des + objets connectés déployés à travers le pays. +
+
+
+ {/* Section Qui sommes-nous */}
+
+
+
+
+ {/* Section Notre Vision */}
+ + Qui sommes-nous ? +
++ Nous sommes une équipe de passionnés de technologie, + d’innovation et d’environnement. Nous croyons fermement que la + combinaison de la donnée météorologique en temps réel et de + l’Internet des Objets (IoT) peut avoir un impact majeur sur la + gestion des territoires. Que ce soit pour les collectivités + locales, les entreprises ou les acteurs publics, notre + plateforme offre les outils nécessaires pour une gestion + proactive et réactive de l’environnement. +
+
+
+ + Notre Vision +
++ Dans un monde où les conditions climatiques évoluent rapidement, + il est essentiel de pouvoir anticiper et réagir efficacement + face aux phénomènes météorologiques. Grâce à nos objets + connectés et à notre interface intuitive, nous permettons aux + utilisateurs de suivre les conditions en temps réel et d’agir en + conséquence. De la gestion des risques climatiques à la + planification urbaine, notre plateforme aide les décideurs à + prendre des décisions éclairées basées sur des données fiables + et locales. +
+
+
+
+ Les Objectifs de Notre Plateforme +
+
+ {/* Objectif 1 */}
+
+
+ 
+
+
+ {/* Objectif 2 */}
+
+
+
+ + Grâce à nos objets connectés, nous collectons des données + météorologiques locales, permettant une surveillance + continue des conditions climatiques sur tout le territoire + français. +
++ Surveillance en temps réel +
+
+ 
+
+
+ {/* Objectif 3 */}
+
+
+
+ + En utilisant les meilleures technologies de prévision + météorologique, nous vous fournissons des prévisions + précises, qu’il s’agisse de la température, de la vitesse du + vent ou de la qualité de l’air. +
+Prédiction fiable
+
+ 
+
+
+ {/* Objectif 4 */}
+
+
+
+ + Nous permettons aux utilisateurs de gérer facilement leurs + objets connectés (stations météo, capteurs, etc.) à travers + une interface simple, tout en offrant un suivi en temps réel + de leur statut et de leurs données. +
++ Gestion des objets connectés +
+
+ 
+
+
+
+
+ + Notre plateforme vous envoie des alertes instantanées + concernant les phénomènes météorologiques extrêmes, vous + permettant de prendre des décisions rapides et adaptées. +
++ Réponse rapide aux alertes climatiques +
+
+
+ );
+}
+
+export default AddObject;
diff --git a/Front-end/src/pages/Gestion/Gestion.jsx b/Front-end/src/pages/Gestion/Gestion.jsx
index b3d1e9b..dce1545 100644
--- a/Front-end/src/pages/Gestion/Gestion.jsx
+++ b/Front-end/src/pages/Gestion/Gestion.jsx
@@ -10,9 +10,8 @@ import {
RadioTower,
Binoculars,
Settings,
- ChartArea,
+ BadgePlus,
} from "lucide-react";
-
function Gestion() {
return (
+
+
+
+
+ + Nouvel objet +
+
@@ -22,84 +21,43 @@ function Gestion() {
Bienvenue dans le module Gestion.
- {/* Features Grid */}
- - Dans ce module, vous allez pouvoir gerer les objets connectés de - l'hopital. + Ce module vous permet de gérer les capteur et stations connectés de France de manière simple et efficace.
+
- Gestion des objets connectés + Consulter les objets connectés météorologiques
- Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de - restaurants, de parcs ou de lieux culturels. + Accédez aux données en temps réel des objets connectés météorologiques, modifiez leurs paramètres et consultez l'historique des mesures.
- Explorer les lieux
-
- Configurer des services + Ajouter un nouvel objet connecté
- Découvrez les meilleurs endroits de votre ville, qu'il s'agisse de - restaurants, de parcs ou de lieux culturels. + Intégrez facilement un nouvel objet connecté en renseignant ses informations et en configurant ses paramètres pour une gestion optimale.
- 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
-
+
+
- {objects.map(object =>(
-
+ {(nbAffObject
+ {filteredDATA.length === 0 ? (
+
+ ))
+ )}
Aucun objet trouvé
+ ) : ( + filteredDATA.slice(0,nbAffObject).map((object) => ( +
+ {object.status === "active" ? (
+
- ))}
+
+
+
+
+
+
+ ) : (
+
+
+
+
+
+ )}
+
-
- - {object.name} -
-- {object.description} -
+{object.name}
+{object.description}
- Plus d'infos
-
-
-
- {object.name}
+
- {object.name}
+
+
+
+ Tableau de bord - {object.name}
-
-
+
+ {!afficherModif ? (
+ Chargement des données...
+ )}
+ {object && object.id ? (
+ Chargement des données...
+ )}
+ Chargement des données...
+ ))}
+ {AffTempGraph &&
+ (object && object.id ? (
+ Chargement des données...
+ ))}
+ {AffPressionGraph &&
+ (object && object.id ? (
+ Chargement des données...
+ ))}
+ {AffHumiditeGraph &&
+ (object && object.id ? (
+ Chargement des données...
+ ))}
);
diff --git a/Front-end/src/pages/Home.jsx b/Front-end/src/pages/Home.jsx
index dfa1187..50b517e 100644
--- a/Front-end/src/pages/Home.jsx
+++ b/Front-end/src/pages/Home.jsx
@@ -1,18 +1,117 @@
import React, { useState } from 'react';
function Home() {
- const token = localStorage.getItem("token");
- return (
-
-
- {token ? (
+ const [searchQuery, setSearchQuery] = useState('');
+ const [activeFilter, setActiveFilter] = useState('all');
+ const [name, setName] = useState([]);
+ return (
+
+
+
+
+ Bienvenue dans ta ville intelligente.
+ {token ? (
<>Home
):(
Non connecté
- )}
-
- )
+ )}
+
+ Découvrez tout ce que votre ville a à offrir - des événements locaux aux horaires de transport, le tout en un seul endroit.
+
+
+
+
+
+ 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
+
- + Tableau de bord - {object.name}
-
+
+ {!afficherModif ? (
+
+ {AffWindGraph &&
+ (object && object.id ? (
+ Chargement des données...
+ )} + {object && object.id ? ( +Chargement des données...
+ )} +Chargement des données...
+ ))} + {AffTempGraph && + (object && object.id ? ( +Chargement des données...
+ ))} + {AffPressionGraph && + (object && object.id ? ( +Chargement des données...
+ ))} + {AffHumiditeGraph && + (object && object.id ? ( +Chargement des données...
+ ))}
+
+
+
+
+
+
):(
- )
+ )}
+ + Bienvenue dans ta ville intelligente.
+ {token ? ( <>Home
):(
Non connecté
- )} -+ Découvrez tout ce que votre ville a à offrir - des événements locaux aux horaires de transport, le tout en un seul endroit. +
+
+
+
+ {/* 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