Web de demostración de una inmobiliaria inventada en el lago de Como: la portada es una película que avanza del lago a la búsqueda, luego 24 anuncios en 14 zonas con el mapa del lago, fichas con galería y un área de hipotecas con datos reales del BCE. El panel del propietario se prueba sin cuenta y los cambios se quedan en el navegador.
**Ardesia Immobiliare no existe**: es una inmobiliaria inventada en el lago de Como, construida como las webs que hago para negocios reales. Los anuncios, las personas y las fotos son inventados, y las fotos se generaron en la GPU de mi ordenador con un modelo abierto; los datos de hipotecas son reales, descargados del BCE y de Eurostat. La web lo dice en cada página.
**Qué hace**
- **La portada es una película**: al hacer scroll se baja sobre el lago, se entra en el salón de una villa y se llega a una terraza al atardecer, donde empieza la búsqueda. - **La búsqueda**: 24 anuncios en 14 zonas, con filtros por contrato, tipo, zona, precio, superficie, habitaciones y características, y una vista de mapa del lago que filtra la lista. - **Las fichas**: una galería a pantalla completa, los datos técnicos con la clase energética, la zona y la solicitud de una visita. - **Hipotecas y colaboradores**: los tipos de las nuevas hipotecas en Italia desde 2015 con el Euríbor y el tipo del BCE, los precios de la vivienda, una calculadora de la cuota y los profesionales de confianza de la agencia. - **Las estadísticas de visitas**, sin cookies y sin guardar la dirección de quien visita.
**El panel, para probar sin cuenta**
El propietario lo actualiza todo desde un panel pensado para el móvil: los anuncios con sus fotos, las solicitudes recibidas, los colaboradores, las personas, los textos, el color y las secciones de la web, con «Ripristina» (deshacer) después de cada guardado y una papelera. Desde la web, «Prova il pannello» (prueba el panel) lo abre sin cuenta: los cambios se quedan en el navegador de quien prueba, porque la lógica del servidor se ejecuta allí, sobre una copia de los datos.
**La parte difícil**
Ejecutar la misma lógica en dos sitios, en el servidor con MongoDB y en el navegador para la prueba, sin que las dos versiones se separen. Los servicios están en un paquete compartido, sobre un contrato de datos, y una prueba automática envía las mismas peticiones al servidor y a la copia del navegador y exige respuestas iguales. Y la película de la portada pesa 0,90 MB en la primera carga en el ordenador: las escenas siguientes se descargan mientras se hace scroll.
Vue 3 y TypeScript, Fastify y MongoDB, GSAP para la película, ECharts para los gráficos; cada cambio pasa por 381 pruebas automáticas, y la web está publicada en mi servidor, con una copia nocturna de la base de datos.
Diseño, desarrollo full-stack y publicación · 2026
Vue.js, Fastify, MongoDB, GSAP, Z-Image-Turbo