« VoyageEnsemble » est une application web de voyage communautaire qui permet aux utilisateurs de partager leurs expériences et de trouver des compagnons de voyage. L’interface est organisée autour de quatre sections principales accessibles depuis le menu de navigation :
- Découvrir : Permet d’explorer des destinations sur une carte interactive avec des marqueurs géographiques et de rechercher des lieux spécifiques.
- Itinéraires : Présente des parcours de voyage créés par les utilisateurs comme « Week-end romantique à Paris » ou « Exploration des temples de Bali », avec la possibilité de sauvegarder ou voir les détails de chaque itinéraire.
- Compagnons : Facilite la recherche de partenaires de voyage selon des critères comme la destination, la période et les intérêts (nature, culture, gastronomie, aventure).
- Avis : Regroupe les évaluations d’hôtels, restaurants et autres établissements touristiques par les membres de la communauté.
L’application propose également des filtres personnalisés pour affiner les recherches, des suggestions personnalisées basées sur les préférences de l’utilisateur, et une section de destinations populaires présentant des lieux comme Paris, Bali, Tokyo, Barcelone, New York et Rome avec leurs attributs spécifiques.
L’interface est claire, avec une palette de couleurs dominée par le violet et le blanc, et offre une expérience utilisateur intuitive orientée vers la planification collaborative de voyages.
en licence MIT
- Structure de base :
- DOCTYPE HTML5 et balise
<html>avec langue française - Section
<head>avec métadonnées et liens vers les ressources externes - Structure
<body>contenant l’interface utilisateur
- DOCTYPE HTML5 et balise
- Bibliothèques et frameworks utilisés :
- Tailwind CSS pour le style (via CDN)
- Leaflet.js pour l’affichage de cartes interactives
- Font Awesome pour les icônes
- Marked.js pour le formatage de contenu Markdown
- Organisation de l’interface :
- Un en-tête (header) avec logo et navigation principale
- Un système d’onglets pour naviguer entre les sections (Découvrir, Itinéraires, Compagnons, Avis)
- Une structure de contenu principal avec grille responsive
- Système pour mode clair/sombre (thème) avec transitions
- Fonctionnalités visibles dans le code :
- Carte interactive avec Leaflet.js
- Affichage de destinations populaires
- Suggestions personnalisées
- Liste d’événements à venir
- Création d’itinéraires avec formulaire
- Aspects techniques notables :
- Configuration de Tailwind avec thèmes personnalisés
- Styles CSS personnalisés pour les éléments de la carte en mode sombre
- Système d’animation pour certains éléments
- Structure de navigation par onglets avec JavaScript
Avis
Il n’y a pas encore d’avis.