Site démo d'un collectif inventé de guides de haute montagne du val di Fassa, sur les vrais sentiers des Dolomites. Chaque itinéraire est sur une carte 3D au relief réel, avec un profil lié ; les conditions à trois altitudes viennent de MET Norway, le risque d'avalanche de l'Euregio. Un questionnaire propose les sorties, les fiches s'ouvrent sans réseau et le panneau s'essaie sans compte.
**Quota n'existe pas** : c'est un collectif inventé de guides de haute montagne du val di Fassa, trois guides et un aspirant, aux sorties, prix et photos aussi inventés. C'est un site de démo, construit comme ceux que je fais pour de vraies entreprises : site public, panneau pour qui le gère, mise en ligne sur mon serveur. Un bandeau en haut de chaque page le dit, et le site reste hors de Google. Sont réels les huit itinéraires, du Piz Boè au Catinaccio d'Antermoia, avec cotations et horaires vérifiés sur des topos, le relief des Dolomites et les prévisions.
**Ce que fait le site**
- **Une carte 3D sur le relief réel.** Chaque itinéraire est tracé sur le terrain avec MapLibre GL JS, et le profil est lié à la carte : on glisse sur le profil, le point avance sur le tracé. Le relief vient de mon serveur : 88 tuiles de la vallée, du modèle Copernicus EU-DEM. - **Les conditions aux altitudes de l'itinéraire.** Températures au départ, à mi-parcours et au sommet, vent et pluie de 6 h à 18 h, selon MET Norway (Open-Meteo en seconde source, dans le panneau), et le risque du bulletin d'avalanches de l'Euregio quand il est publié. Chaque valeur a sa source et son heure, et aucun feu vert ne dit « c'est bon aujourd'hui ». - **Quelle sortie pour vous ?** Cinq questions (entraînement, expérience, vide, équipement) répartissent les sorties en trois groupes, avec une règle écrite : le dernier mot revient au guide. - **Sorties en groupe à places limitées.** On demande une place et le guide la confirme ; depuis le panneau, pensé pour le téléphone, il confirme, déplace ou annule une sortie pour la météo. - **La fiche sans réseau.** Enregistrée sur le téléphone (moins de 200 Ko), elle s'ouvre en altitude sans connexion : texte, carte en relief, conditions du jour. - **L'ascension au défilement.** En faisant défiler la page, on monte du col Pordoi au Piz Boè, la caméra de la carte suivant le tracé (GSAP et Lenis).
**Le panneau s'essaie depuis le site, sans compte** : la logique du serveur tourne dans le navigateur sur une copie des données, avec des demandes inventées, et les modifications y restent. Un test automatique compare plus de 500 réponses des deux versions. Il a aussi des statistiques de visites sans cookies.
**Le plus difficile : le poids.** Sur téléphone, la carte 3D coûte environ 2 Mo : MapLibre ne se charge donc jamais sur l'accueil et, sur téléphone, la fiche ne la lance qu'au toucher, sur une image en relief que le serveur dessine avec ombrage, courbes de niveau et tracé. La même image sert de carte aux téléphones sans WebGL2 et à la fiche hors ligne, et le profil y déplace le point. En ligne, l'accueil pèse 361 Ko et une fiche 444 Ko.
Les photos des guides et des sorties sont générées sur le GPU de mon ordinateur avec un modèle ouvert, et le site le dit : la vraie forme des montagnes est dans la carte. Vue 3 et TypeScript, Fastify et MongoDB ; chaque modification passe par 139 tests automatiques et arrive sur le serveur par une GitHub Action.
Conception, développement full-stack et mise en ligne · 2026
Vue.js, Fastify, MongoDB, MapLibre GL JS, GSAP