Échappée

Sortez du peloton, gardez les petites routes.

Application web (installable sur iPhone et Android) qui propose des boucles et itinéraires de vélo de route selon le dénivelé voulu, au vent du jour et loin des grands axes, avec un carnet de cols.

Fonctionnalités

• Boucle, aller simple ou plusieurs jours : une boucle autour du départ, un trajet d'un point A à un point B (trois itinéraires comparés), ou un itinéraire réparti sur plusieurs jours.
• Points de passage : ajoute les villages, cols ou routes par où tu veux passer, en les tapant (suggestions au fil de la saisie) ou d'un appui sur la carte. En boucle, l'app passe par tes points au plus court, ou ajoute un détour pour atteindre la distance voulue, et choisit le sens de rotation selon le vent. Les repères se déplacent au doigt sur la carte. Les suggestions de départ ne sont pas biaisées vers l'ancien point de départ (contrairement aux autres étapes, pensées pour rester dans la même région) : chercher une ville de départ éloignée fonctionne aussi.
• Saisie en quelques gestes : Boucle / Aller simple, étapes, curseur de distance, dénivelé, « Aujourd'hui / Demain / Autre jour », niveau de trafic. Le bouton de calcul reste visible en bas de l'écran.
• Dénivelé positif (comme Strava) : N'importe (itinéraires les plus populaires, quel que soit le dénivelé), Plat (éviter les côtes lorsque c'est possible) ou Vallonné (ajouter du dénivelé lorsque c'est possible) : le classement des boucles pénalise ou récompense les mètres de montée par km. Le bouton Saisir en mètres passe à un dénivelé chiffré (vide = sans objectif) ; un nouvel appui revient à la préférence choisie avant.
• Allure : zones Z1 Récupération (45–55 % de la FTP), Z2 Endurance (56–75 %), Z3 Tempo (76–90 %), Z4 Seuil (91–105 %). Chaque bouton affiche la plage de puissance en watts de la zone (d'après la FTP du profil) — la vitesse dépendant du parcours —, et la note donne la fourchette de durée estimée de la sortie réglée (ex. Z2, FTP 230 W, 80 km et 720 m D+ : 2 h 50 à 3 h 14). Estimation = temps à plat à la puissance de la zone + un quart du temps de montée du dénivelé (le reste est compensé en descente). La zone choisie sert ensuite à la simulation mètre par mètre (vent, pente), à 50, 68, 83 ou 95 % de la FTP ; en côte la puissance est augmentée progressivement (jusqu'à +20 % à 8 %), comme le font naturellement les cyclistes. Modèle recalé en octobre 2026 (+5 km/h environ par rapport à la première version, jugée trop lente).
• Départ : Aujourd'hui / Demain / Autre jour en trois boutons égaux, puis l'heure.
• Carte : sur téléphone, elle s'affiche dans la page juste sous le bouton « Trouver mes boucles » (et en haut de l'onglet Cols) ; sur ordinateur, à droite du panneau. Le bouton de calcul reste visible au-dessus de la barre d'onglets.
• Barre d'onglets en bas de l'écran (Étape, Cols, Favoris, Courses, Atelier), comme une app mobile ; sur ordinateur, elle reste collée au bas du panneau.
• Vent : prévisions heure par heure (Open-Meteo) au point de départ. Huit boucles sont calculées dans toutes les directions, la première face au vent, puis simulées mètre par mètre avec ta puissance, ton poids, ta position, la pente et le vent prévu à l'heure du passage. Le classement privilégie l'aller face au vent et le retour vent dans le dos.
• Meilleur créneau : pour la boucle choisie, la durée estimée selon l'heure de départ (6 h – 20 h), avec le risque de pluie. Un appui sur une barre change l'heure et recalcule tout, sans refaire les itinéraires.
• Routes tranquilles et roulables : itinéraires BRouter sur OpenStreetMap avec un profil vélo de route dédié (js/services/road-profile.js, dérivé de fastbike-verylowtraffic) : pistes, sentiers et revêtements non asphaltés quasi interdits, trafic évité selon le niveau Standard, Peu de trafic ou Très peu de trafic. Le profil est envoyé au serveur BRouter ; s'il est indisponible, l'app se rabat sur les profils intégrés et le signale. Les routes aux deux niveaux de trafic mesuré les plus élevés (quasiment jamais atteints par une rue de village, presque toujours par un centre de grande ville type Besançon) sont davantage pénalisées, pour contourner plus franchement ces centres-villes sans pénaliser les petites routes traversant les villages.
• Belles boucles : les allers-retours parasites (impasse ou chemin menant à un point de passage, petite boucle qui revient au même carrefour) sont détectés et retirés du tracé ; distance, dénivelé et analyse des routes sont recalculés. Chaque boucle affiche la part de petites routes, de départementales, de grands axes, de revêtement non asphalté et d'itinéraires cyclables balisés, avec des alertes (grands axes, chemins, rafales, pluie, routes empruntées deux fois).
• Carte lisible : fond épuré Plan (Esri gris clair ou foncé selon le thème, repli automatique sur OpenStreetMap), ou Standard, Vélo (CyclOSM) et Relief ; calque des itinéraires cyclables balisés. Tracé épais avec liseré, coloré selon le vent (dos / côté / face), chevrons de sens et bornes kilométriques.
• Profil altimétrique avec la bande de vent rencontré.
• Export GPX (Garmin, Wahoo, Komoot, Strava…) via la feuille de partage sur mobile. Komoot n'ouvre pas d'API publique pour créer des parcours : exporter le GPX puis choisir Komoot dans la feuille de partage (ou l'importer sur komoot.com).
• Analyse d'un GPX : « Analyser un fichier GPX » charge une trace existante (Komoot, Strava, Garmin…) et calcule l'effet du vent au jour et à l'heure choisis : vent de face / dos, temps perdu ou gagné, meilleur créneau, profil. Pour une boucle, l'app compare avec le sens inverse et propose de l'inverser si le vent y est plus favorable.
• Favoris : enregistre une boucle, rouvre-la plus tard avec le vent d'un autre jour, renomme, exporte, supprime.
• Profil cycliste : FTP, poids, poids du vélo et position sur le vélo, enregistrés automatiquement à chaque modification. Le bouton Profil est dans l'en-tête (à côté du thème), pas dans la barre d'onglets. Possibilité de lier FTP et poids aux dernières valeurs de l'app Cadence (voir plus bas) ; la saisie manuelle reste toujours possible.
• Mes données (onglet Profil) : « Sauvegarder mes données » crée un fichier echappee-sauvegarde-AAAA-MM-JJ.json (profil, favoris, cols faits, réglages) à garder dans Fichiers ou iCloud Drive ; « Restaurer une sauvegarde » le relit, après confirmation, sur le même appareil ou un autre. Chaque personne qui installe l'app a ses propres données, stockées uniquement sur son téléphone.
• Heatmap Strava : lien vers la heatmap centrée sur la boucle pour vérifier que les cyclistes empruntent ces routes. (Strava ne propose pas d'accès public à ses tuiles : elles ne peuvent pas être intégrées au calcul.)
• Thème clair / sombre, fonctionne hors ligne pour l'interface, les favoris et l'export (le calcul d'itinéraires et la météo demandent du réseau).

Tout est gratuit et sans clé d'API : BRouter, Open-Meteo, Photon (recherche de lieux), tuiles Esri / OpenStreetMap / CyclOSM / OpenTopoMap / Waymarked Trails. Les données personnelles (profil, favoris) restent dans le navigateur.

Carnet de cols

L'onglet Cols rassemble environ 160 montées routières : Alpes du Nord, Alpes du Sud et Provence, Alpes suisses, Alpes italiennes, Jura, Vosges et Pyrénées (js/data/cols.js).

• Pour chaque col et versant : altitude, longueur, pente moyenne et maximale, dénivelé, catégorie estimée (HC, 1re à 4e, d'après l'indice de difficulté FIETS).
• Top 10 des cols à faire, avec la raison du choix.
• Filtres par secteur, recherche, tri (les plus durs, les plus proches de ton départ, les plus hauts) et statut (à faire / gravis).
• Je l'ai fait : coche les cols gravis (une coche « Fait ») ; progression globale et par secteur, dénivelé cumulé. Les données restent sur l'appareil.
• Carte : les cols s'affichent sur la carte ; Y passer ajoute le col comme point de passage de la prochaine sortie.

Les chiffres sont indicatifs (versant indiqué) : vérifie le profil exact avant une sortie engagée.

Courses

L'onglet Courses rassemble 123 cyclosportives et granfondos (js/data/races.js, mise à jour à la main) : la sélection d'origine, complétée en octobre 2026 d'après les calendriers 2026 de finishers.com, velo-cyclosport.com et Miles Republic (Thonon Cycling Race, Megève Mont-Blanc, GF Col de la Loze, L'Ariégeoise, UCI Granfondo Vosges, La Volcane, etc.). Elles sont triées par date avec un intercalaire par mois, filtrables par région (Bourgogne-Franche-Comté ; Savoie, Haute-Savoie, Isère & Ain ; Provence, Alpes du Sud, Drôme & Ardèche ; Auvergne & Massif central ; Pyrénées ; Grand Est & Nord ; Ouest ; Île-de-France & Centre ; Nouvelle-Aquitaine ; Occitanie & Corse ; Suisse) et par recherche (nom ou ville). Les 12 épreuves suisses (Tour des Stations, Alpenbrevet, Granfondo San Gottardo, Cyclotour du Léman, etc.) ont été ajoutées en octobre 2026 d'après cycliste.ch, velo-cyclosport.com et Swiss Cycling.

Autour de : tri par distance (à vol d'oiseau) depuis le départ choisi dans « Sortie », ou depuis Ma position (géolocalisation), avec un curseur de rayon de 25 à 575 km (au maximum : toute la France). Chaque course affiche sa distance. ✓ Mes courses : n'affiche que les courses envisagées, c'est-à-dire mises en surbrillance (présélectionnées, envoyées à Cadence ou marquées avec le bouton rond) ; le bouton indique leur nombre. Pour les épreuves ajoutées, la date de l'édition 2027 est estimée au même jour de la semaine que l'édition 2026 (à vérifier, modifiable avant d'ajouter) et le bouton « Rechercher le site » ouvre une recherche web de l'épreuve.

Une étoile, un bouton. L'étoile à côté du nom présélectionne une course pour la saison (étoile pleine, cadre jaune) : elle reste sur cet appareil uniquement et n'est envoyée nulle part ; un nouvel appui la retire. L'icône calendrier + ajoute la course au planning de l'app Cadence (et donc de Carnet, qui partage les mêmes données) puis passe au vert. Les deux sont indépendants : rien ne part vers Cadence sans l'icône calendrier.

L'envoi passe par le compte Cadence (même compte e-mail / mot de passe que Carnet, Mon Garage, Ma Maison et Mon budget), à connecter une fois dans Profil › Compte Cadence ; dans le navigateur, une session déjà ouverte dans Cadence est reprise. Seule la liste races du compte est modifiée, par une transaction : les autres données de Cadence et de Carnet ne sont jamais réécrites et une course déjà présente (même nom, même date) n'est pas dupliquée. Si le compte n'a pas encore été préparé par Cadence (première ouverture), rien n'est écrit et un message invite à ouvrir Cadence une fois. La distance chiffrée est à préciser dans Cadence. Détail dans js/services/cadence-sync.js.

✓ Mes courses affiche les courses étoilées et celles déjà envoyées à Cadence.

Atelier

L'onglet Atelier regroupe deux calculateurs, sans aucun service externe (js/core/tools.js, js/ui/atelier.js) :

• Transmission : plateaux, cassette, pneu et cadence donnent la vitesse de chaque combinaison, le développement et le ratio ; les croisements de chaîne sont signalés.
• Pression des pneus : à partir du poids du Profil, de la largeur du pneu, du terrain et du montage (tubeless, jante hookless plafonnée à 5 bar). La formule est ouverte (règle de Frank Berto, écrasement du pneu de 15 %) : ce n'est pas le modèle de Silca, qui est propriétaire. Un lien « Affiner sur Silca » ouvre leur calculateur.

Sur le profil d'une boucle, glisser le doigt (ou la souris, ou les flèches du clavier) place un repère jaune sur la carte et affiche le kilomètre, l'altitude, la pente et le dénivelé déjà fait. Sur téléphone, la carte flotte en haut de l'écran pendant le glissement.

Liaison FTP / poids avec Cadence

Dans l'onglet Profil, le bouton « Synchroniser mes mesures » reprend automatiquement le FTP et le poids depuis les dernières valeurs enregistrées dans l'app Cadence, onglet Suivi — lecture seule, avec le même compte que l'envoi des courses (Profil › Compte Cadence). Le bouton reste volontairement générique (il ne nomme pas Cadence) : il parlera à tout le monde, y compris à qui n'utilise pas cette app.

• Réglage strictement local, désactivé par défaut : c'est un choix par appareil, jamais imposé. Une personne qui partage cette app sans utiliser Cadence n'est donc jamais concernée — elle continue à saisir son FTP et son poids à la main, comme avant.
• Une fois activé, les champs se mettent à jour à l'ouverture de l'app et à chaque passage sur l'onglet Profil. La saisie manuelle reste toujours possible : si Cadence n'a encore aucune valeur enregistrée, si aucun compte n'est connecté, ou s'il est injoignable (hors ligne), les champs gardent leur dernière valeur et un message l'indique — rien n'est écrasé par une absence de donnée.
• Un message sous le bouton indique la source et la date de la dernière valeur reprise (ex. « Depuis Cadence : FTP 245 W (3 oct.) · poids 71,2 kg (1 oct.) »), ou explique pourquoi la liaison n'a rien changé.

Détail dans js/services/cadence-sync.js.

Plusieurs jours

Pour préparer une traversée ou un cyclo-camping : indique un départ, une arrivée (et d'éventuels points de passage) et un nombre de jours (2 à 10). L'app calcule un seul itinéraire point à point avec BRouter, puis le découpe automatiquement en étapes de distance à peu près égale (js/core/trip.js). Pour chaque étape : distance et dénivelé positif ; export GPX séparé (une étape = un fichier à charger sur le GPS ou l'app du jour), et export de l'itinéraire complet en un seul fichier. Contrairement aux modes Boucle et Aller simple, ce mode ne simule pas le vent (ni heure de départ, ni créneau favorable) : il privilégie distance, dénivelé et qualité de route, qui restent pertinents plusieurs jours à l'avance.

Identité

Interface sombre par défaut (le thème clair ne s'active que s'il est choisi avec le bouton soleil), épurée : pas de textes d'aide superflus, cartes sans bordure sur fond très sombre, « Comment ça marche » replié dans le Profil, cartes de course compactes (date, distance depuis le départ, ajout et lien sur une seule ligne).

Jaune maillot (#FFD400) sur gris bitume (#17181C), titres en Barlow Condensed italique, texte en Barlow (polices sous licence SIL OFL, fonts/OFL.txt, servies par l'app pour fonctionner hors ligne).

Publier avec GitHub Pages

1. Sur GitHub : Settings → Pages.
2. Source : Deploy from a branch, branche main, dossier / (root), puis Save.
3. Après une minute, l'app est en ligne sur https://benjbepoix-stack.github.io/parcours-velo/.
4. Sur iPhone : ouvrir le lien dans Safari → Partager → Sur l'écran d'accueil.

Lancer en local

python3 -m http.server 8080   # ou : npm start
# puis http://localhost:8080

Tests

npm test

Les tests couvrent le moteur de calcul (js/core/ride.js) : géométrie, modèle de vitesse, vent, score, analyse des routes, créneaux, simplification et GPX. Ils tournent aussi à chaque push (GitHub Actions).

Structure

index.html              Squelette de l'app
css/app.css             Styles (thèmes clair / sombre)
js/app.js               Interface : formulaire, résultats, favoris, profil
js/data/cols.js         Catalogue des cols et top 10
js/core/ride.js         Moteur : géométrie, boucles, physique, vent, score, GPX (sans DOM)
js/core/planner.js      Génération et classement des boucles
js/core/trip.js         Découpage d'un itinéraire en étapes (mode « Plusieurs jours »)
js/core/dates.js        Dates locales
js/services/            BRouter (+ profil vélo de route), Open-Meteo, Photon, stockage local
js/ui/                  Carte Leaflet, graphiques SVG, icônes
vendor/leaflet/         Leaflet 1.9.4 (licence BSD-2)
sw.js                   Service worker (hors ligne)
tests/                  Tests du moteur (node --test)

Limites

• Le serveur public brouter.de est partagé : un calcul lance une dizaine de requêtes ; en cas de lenteur, patienter ou réessayer.
• Les estimations de durée supposent une puissance constante, sans arrêts.
• « Belles routes » n'est pas une donnée disponible librement : l'app s'en approche en évitant le trafic et en privilégiant petites routes et itinéraires cyclables.