Monuments Explorer
Carte interactive du patrimoine français
Le projet en détail
Monuments Explorer est une application web interactive développée dans le cadre de ma formation Simplon. Le projet présente une sélection des monuments les plus emblématiques de France à travers une interface moderne et intuitive. L'application utilise Leaflet.js et l'API OpenStreetMap pour afficher dynamiquement la localisation de chaque monument sur une carte interactive. Lorsqu'un utilisateur sélectionne un monument (par clic sur l'image ou le bouton), l'interface affiche ses informations détaillées : nom, localisation précise et description historique, tout en actualisant la carte avec un marqueur géolocalisé. L'interface intègre des animations CSS fluides pour les transitions entre monuments, ainsi qu'un système de filtre visuel qui applique un effet noir et blanc aux monuments non sélectionnés, permettant de focaliser l'attention sur le monument actif.
Aperçu du projet
Défis relevés
- ▸Intégration de Leaflet.js pour la cartographie interactive
- ▸Gestion des événements utilisateur sur multiples éléments
- ▸Animations CSS synchronisées avec les mises à jour du DOM
- ▸Optimisation du chargement des images avec lazy loading
- ▸Responsive design pour la galerie et la carte
Compétences acquises
- ▸Utilisation de Leaflet.js et intégration d'API cartographique
- ▸Manipulation avancée du DOM avec JavaScript
- ▸Animations et transitions CSS3
- ▸Gestion d'événements et délégation
- ▸Organisation modulaire du code JavaScript
Stack technique complète
▸ Langages
▸ Outils & Services
▸ APIs & Services
Déploiement
GitHub Pages