RallyWin

L'histoire de sa construction

RallyWin est une application web orientée sport automobile : l'utilisateur saisit une vitesse moyenne cible en km/h et l'app calcule en temps réel les informations nécessaires pour tenir cette moyenne sur une spéciale — temps écoulé, distance parcourue, écart par rapport à l'objectif. La géolocalisation native du navigateur (Geolocation API) est utilisée pour afficher la position en temps réel sur une carte interactive. Pas de dépendance backend — tout le calcul se fait côté client en JavaScript vanilla, ce qui rend l'app utilisable sans connexion stable, condition fréquente en zone de rallye. Ce projet m'a permis de travailler sérieusement avec les APIs web natives : Geolocation, calculs trigonométriques de distance (formule de Haversine) et rendu cartographique. Un exercice concret à fort potentiel d'usage réel.

Technologies utilisées

• JavaScript
• HTML
• CSS

J'en ai bavé mais j'y suis arrivé 🚀

// Calcul de distance Haversine entre deux coordonnées GPS
function haversine(lat1, lon1, lat2, lon2) {
  const R    = 6371;  // Rayon de la Terre en km
  const dLat = (lat2 - lat1) * Math.PI / 180;
  const dLon = (lon2 - lon1) * Math.PI / 180;
  const a    =
    Math.sin(dLat / 2) ** 2 +
    Math.cos(lat1 * Math.PI / 180) *
    Math.cos(lat2 * Math.PI / 180) *
    Math.sin(dLon / 2) ** 2;
  return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
}

// Suivi GPS en temps réel
navigator.geolocation.watchPosition(({ coords }) => {
  const dist  = haversine(prevLat, prevLon, coords.latitude, coords.longitude);
  const speed = coords.speed ? coords.speed * 3.6 : null;
  updateDashboard(dist, speed);
});