EZ-BIKE - Localisation Vélibs Marseille

Présentation

EZ-BIKE est une application front-end (HTML, CSS et Vanilla JavaScript) d’entraînement qui permet de localiser sur une carte Leaflet les stations de vélos (Vélib’ / service public) à Marseille et d’afficher pour chaque station des informations de géolocalisation et de disponibilité (vélos disponibles, emplacements libres).

Objectif de la mission

• Récupérer les données publiques des stations (API open data / endpoint public)
• Afficher les stations sur une carte Leaflet avec des marqueurs et popups
• Permettre la recherche et le filtrage par disponibilité ou distance
• Gérer la géolocalisation de l’utilisateur pour centrer la carte

Réalisations techniques

• Cartographie interactive avec Leaflet et marqueurs dynamiques
• Requêtes HTTP (fetch) vers l’API publique pour récupérer statut et disponibilités
• Popups station détaillées : nom, adresse, vélos disponibles, emplacements libres, dernière mise à jour
• Mise à jour périodique des données et stratégie de throttling (limiter le polling)
• Interface responsive optimisée pour mobile et desktop

Défis techniques

• Agrégation de données publiques en temps réel sans dépasser les quotas
• Conception d’une UX claire pour indiquer l’état des stations (disponibilités)
• Gestion de la géolocalisation (permissions navigateur) et fallback

Résultats

• Application fonctionnelle de localisation et consultation des stations
• Interface simple, responsive et légère (Vanilla JS)
• Déploiement possible en static hosting (Vercel / Netlify)

Où tester

• Démo : https://ez-bike-hazel.vercel.app/
• Code source : https://github.com/alternative-rvb/ez-bike

Aperçu maquette (embed Figma) :

EZ-BIKE illustre une application pédagogique de cartographie et consommation d’APIs publiques, simple à déployer et utile pour se familiariser avec Leaflet et la gestion de données en temps réel.