Sito dimostrativo di un collettivo inventato di guide alpine in Val di Fassa, sui sentieri veri delle Dolomiti. Ogni percorso sta su una mappa 3D con il rilievo vero e il profilo agganciato; le condizioni alle tre quote del percorso vengono da MET Norway, il pericolo valanghe da Euregio. Un questionario suggerisce le uscite, la scheda si apre senza campo e il pannello si prova senza account.
**Quota non esiste**: è un collettivo inventato di guide alpine in Val di Fassa, tre guide e un aspirante, con uscite, prezzi e foto altrettanto inventati. È un sito dimostrativo, costruito come quelli che faccio per le attività vere: sito pubblico, pannello per chi lo gestisce, pubblicazione sul mio server. Una striscia in cima a ogni pagina lo dice, e il sito resta fuori da Google. Sono veri invece gli otto percorsi, dal Piz Boè al Catinaccio d'Antermoia, con gradi e tempi riletti sulle relazioni pubbliche, il rilievo delle Dolomiti e le previsioni.
**Che cosa fa**
- **La mappa 3D sul rilievo vero.** Ogni percorso è disegnato sul terreno con MapLibre GL JS, e il profilo altimetrico è agganciato alla mappa: scorrendo sul profilo, il punto si muove sulla traccia. Il rilievo arriva dal mio server: 88 tessere della valle, dal modello Copernicus EU-DEM. - **Le condizioni alle quote del percorso.** Temperature alla partenza, al punto intermedio e in cima, vento e pioggia dalle 6 alle 18, dalle previsioni di MET Norway (Open-Meteo resta come seconda fonte, da accendere nel pannello), e il grado di pericolo del bollettino valanghe Euregio quando è emesso. Ogni valore ha la fonte e l'ora, e nessun semaforo dice «oggi si può». - **Che uscita fa per te?** Cinque domande su allenamento, esperienza, vuoto e attrezzatura dividono le uscite in tre gruppi, con una regola scritta: l'ultima parola è della guida. - **Le uscite di gruppo a posti limitati.** Si chiede un posto e la guida lo conferma; dal pannello, pensato per il telefono, conferma, sposta o annulla un'uscita per il meteo. - **La scheda senza campo.** Salvata sul telefono pesa meno di 200 KB e si apre in quota senza rete: testo, mappa in rilievo e condizioni di quel giorno. - **La salita allo scroll.** Scorrendo la pagina si sale dal Passo Pordoi al Piz Boè, con la camera della mappa che segue la traccia (GSAP e Lenis).
**Il pannello si prova dal sito, senza account**: la logica del server gira nel browser su una copia dei dati, con richieste inventate, e le modifiche restano lì. Una prova automatica confronta più di 500 risposte delle due versioni. Nel pannello ci sono anche le statistiche delle visite, senza cookie.
**La parte difficile è stata il peso.** Sul telefono la mappa 3D costa circa 2 MB: per questo MapLibre non si scarica mai in home e, sul telefono, la scheda la accende solo al tocco, sopra un'immagine in rilievo che il server disegna con ombreggiatura, curve di livello e traccia. La stessa immagine fa da mappa ai telefoni senza WebGL2 e alla scheda senza campo, e il profilo continua a muoverci sopra il punto. Sul sito pubblicato la home pesa 361 KB, la scheda 444 KB.
Le foto di guide e uscite sono generate sulla GPU del mio computer con un modello aperto, e il sito lo dichiara: la forma vera delle montagne sta nella mappa. Vue 3 e TypeScript, Fastify e MongoDB; ogni modifica passa da 139 prove automatiche e arriva sul server con una GitHub Action.
Progettazione, sviluppo full-stack e pubblicazione · 2026
Vue.js, Fastify, MongoDB, MapLibre GL JS, GSAP