PlanMyTrip

PlanMyTrip est une application web qui permet aux utilisateurs de planifier facilement un voyage en regroupant différentes options comme les hébergements, les activités et les transports. L’utilisateur peutrechercher une destination, appliquer un filtre avancé pour affiner ses choix selon ses préférences, et consulter les résultats sur une carte interactive. Il peut également ajouter des éléments à une liste de favoris pour les retrouver facilement et organiser son voyage étape par étape. L’application offre une interface claire et intuitive qui permet de visualiser et sélectionner les meilleures options avant de consulter un récapitulatif final.

Sur le plan technique, le projet est développé avec React et JavaScript, en utilisant React Leaflet basé sur OpenStreetMap pour afficher une carte interactive et positionner des marqueurs. Les données sont stockées dans des fichiers JSON et manipulées côté client. Les interactions, comme le filtre avancé, la gestion des favoris et la sélection des éléments, sont gérées avec les hooks React (useState). L’application utilise également un service de recherche de lieux (géocodage) pour trouver les coordonnées des destinations, ainsi que OSRM pour calculer les itinéraires sur la carte. Un système d’historique des recherches (localStorage) permet de conserver les données utilisateur.

En ce qui concerne la maintenabilité, le projet utilise une maintenabilité basée sur la modularité et la séparation des composants. Les différentes parties de l’application sont séparées en composants React (Home, SélectionDestination,
Récapitulatif), ce qui permet de modifier ou d’améliorer une fonctionnalité sans impacter les autres. Cette organisation rend le code plus lisible, plus structuré et plus facile à maintenir. De plus, l’utilisation de fichiers JSON simplifie la gestion des données et facilite les mises à jour sans modifier la logique du programme. Cette approche garantit une bonne évolutivité du projet et permet d’ajouter facilement de nouvelles fonctionnalités.

Lien vers l’application web : Cliquer ici