Web de demostración de un colectivo inventado de guías de montaña del Val di Fassa, sobre los senderos reales de los Dolomitas. Cada ruta está en un mapa 3D con el relieve real y el perfil enlazado; las condiciones a tres cotas llegan de MET Norway, el peligro de aludes de la Euregio. Un cuestionario sugiere salidas, las fichas se abren sin cobertura y el panel se prueba sin cuenta.
**Quota no existe**: es un colectivo inventado de guías de montaña del Val di Fassa, tres guías y un aspirante, con salidas, precios y fotos igual de inventados. Es una web de demostración, construida como las que hago para negocios reales: web pública, panel para quien la gestiona y publicación en mi servidor. Una franja en lo alto de cada página lo dice, y la web queda fuera de Google. Son reales las ocho rutas, del Piz Boè al Catinaccio d'Antermoia, con grados y tiempos contrastados con reseñas publicadas, el relieve de los Dolomitas y las previsiones.
**Qué hace**
- **Un mapa 3D sobre el relieve real.** Cada ruta está trazada sobre el terreno con MapLibre GL JS, y el perfil de altitud va enlazado al mapa: al deslizar por él, el punto avanza por el trazado. El relieve sale de mi servidor: 88 teselas del valle, del modelo Copernicus EU-DEM. - **Las condiciones a las cotas de la ruta.** Temperaturas en la salida, en el punto intermedio y en la cima, viento y lluvia de 6 a 18 h, según las previsiones de MET Norway (Open-Meteo queda como segunda fuente, en el panel), y el grado de peligro del boletín de aludes de la Euregio cuando se publica. Cada dato lleva su fuente y su hora, y ningún semáforo dice «hoy se puede». - **¿Qué salida es para ti?** Cinco preguntas sobre forma física, experiencia, vacío y material reparten las salidas en tres grupos, con una regla escrita: la última palabra la tiene el guía. - **Salidas en grupo con plazas limitadas.** Se pide una plaza y el guía la confirma; desde el panel, pensado para el móvil, confirma, cambia de fecha o cancela una salida por el tiempo. - **La ficha sin cobertura.** Guardada en el móvil pesa menos de 200 KB y se abre en plena montaña sin conexión: texto, mapa en relieve y condiciones de ese día. - **La subida al ritmo del scroll.** Al desplazarse por la página se sube del Passo Pordoi al Piz Boè, con la cámara del mapa siguiendo el trazado (GSAP y Lenis).
**El panel se prueba desde la web, sin cuenta**: la lógica del servidor funciona en el navegador sobre una copia de los datos, con solicitudes inventadas, y los cambios se quedan ahí. Una prueba automática compara más de 500 respuestas de las dos versiones. El panel también tiene estadísticas de visitas sin cookies.
**Lo difícil fue el peso.** En un móvil, el mapa 3D cuesta unos 2 MB: por eso MapLibre nunca se descarga en la portada y, en el móvil, la ficha solo lo arranca al tocarlo, sobre una imagen en relieve que el servidor dibuja con sombreado, curvas de nivel y trazado. Esa misma imagen es el mapa de los móviles sin WebGL2 y de la ficha sin cobertura, y el perfil sigue moviendo el punto sobre ella. En línea, la portada pesa 361 KB y una ficha 444 KB.
Las fotos de guías y salidas están generadas en la GPU de mi ordenador con un modelo abierto, y la web lo dice: la forma real de las montañas está en el mapa. Vue 3 y TypeScript, Fastify y MongoDB; cada cambio pasa por 139 pruebas automáticas y llega al servidor con una GitHub Action.
Diseño, desarrollo full-stack y publicación · 2026
Vue.js, Fastify, MongoDB, MapLibre GL JS, GSAP