Demo-Website für ein erfundenes Kollektiv von Bergführern im Fassatal, auf echten Wegen der Dolomiten. Jede Route liegt auf einer 3D-Karte mit echtem Gelände und verknüpftem Profil; die Verhältnisse in drei Höhen kommen von MET Norway, die Lawinengefahr von der Euregio. Ein Fragebogen schlägt Touren vor, Tourenblätter öffnen sich ohne Netz, und der Verwaltungsbereich lässt sich ohne Konto testen.
**Quota gibt es nicht**: ein erfundenes Kollektiv von Bergführern im Fassatal, drei Bergführer und ein Anwärter, mit ebenso erfundenen Touren, Preisen und Fotos. Eine Demo-Website, gebaut wie die, die ich für echte Betriebe mache: öffentliche Website, Verwaltungsbereich, Veröffentlichung auf meinem Server. Ein Hinweis oben auf jeder Seite sagt das, und die Website bleibt außerhalb von Google. Echt sind die acht Routen, vom Piz Boè bis zum Kesselkogel, mit Graden und Gehzeiten, geprüft an veröffentlichten Beschreibungen, das Gelände der Dolomiten und die Vorhersagen.
**Was die Website kann**
- **Eine 3D-Karte auf echtem Gelände.** Jede Route liegt mit MapLibre GL JS auf dem Gelände, und das Höhenprofil ist mit der Karte verknüpft: Fährt man am Profil entlang, wandert der Punkt über die Route. Das Gelände kommt von meinem Server: 88 Kacheln des Tals aus Copernicus EU-DEM. - **Die Verhältnisse in den Höhen der Route.** Temperaturen an Start, Zwischenpunkt und Gipfel, Wind und Regen von 6 bis 18 Uhr, nach MET Norway (Open-Meteo als zweite Quelle, zuschaltbar), dazu die Gefahrenstufe des Lawinenlageberichts der Euregio, wenn einer erscheint. Jeder Wert nennt Quelle und Uhrzeit; keine Ampel sagt „heute geht's“. - **Welche Tour passt zu dir?** Fünf Fragen zu Kondition, Erfahrung, Ausgesetztheit und Ausrüstung teilen die Touren in drei Gruppen, mit einer festen Regel: Das letzte Wort hat der Bergführer. - **Gruppentouren mit begrenzten Plätzen.** Man fragt einen Platz an, der Bergführer bestätigt ihn; im Verwaltungsbereich, gemacht fürs Handy, bestätigt, verschiebt oder streicht er eine Tour wegen des Wetters. - **Das Tourenblatt ohne Netz.** Gespeichert wiegt es unter 200 KB und öffnet sich oben am Berg ohne Empfang: Text, Reliefkarte, Verhältnisse jenes Tages. - **Ein Aufstieg zum Scrollen.** Beim Scrollen geht es vom Pordoijoch auf den Piz Boè, und die Kamera der Karte folgt der Route (GSAP und Lenis).
**Der Verwaltungsbereich lässt sich ohne Konto ausprobieren**: Die Logik des Servers läuft im Browser auf einer Kopie der Daten, mit erfundenen Anfragen, und die Änderungen bleiben dort. Ein automatischer Test vergleicht über 500 Antworten beider Versionen. Dazu kommen Besucherstatistiken ohne Cookies.
**Das Schwierige war das Gewicht.** Auf dem Handy kostet die 3D-Karte etwa 2 MB: Deshalb lädt MapLibre nie auf der Startseite, und auf dem Handy startet sie erst auf Antippen, über einem Reliefbild, das der Server mit Schummerung, Höhenlinien und Route zeichnet. Dasselbe Bild ist die Karte für Handys ohne WebGL2 und für das Offline-Tourenblatt, und das Profil bewegt den Punkt darauf. Online wiegt die Startseite 361 KB, ein Tourenblatt 444 KB.
Die Fotos von Bergführern und Touren sind auf der GPU meines Computers mit einem offenen Modell erzeugt, und die Website sagt das: Die wahre Form der Berge steckt in der Karte. Vue 3 und TypeScript, Fastify und MongoDB; jede Änderung durchläuft 139 automatische Tests und kommt per GitHub Action auf den Server.
Konzeption, Full-Stack-Entwicklung und Veröffentlichung · 2026
Vue.js, Fastify, MongoDB, MapLibre GL JS, GSAP