Sito dimostrativo di un'agenzia immobiliare inventata sul Lago di Como: la home è un film che scorre dal lago fino alla ricerca, poi 24 annunci in 14 zone con la mappa del lago, le schede con la galleria e l'area mutui con i dati veri della BCE. Il pannello del proprietario si prova senza account, e le modifiche restano nel browser.
**Ardesia Immobiliare non esiste**: è un'agenzia inventata sul Lago di Como, costruita come i siti che faccio per le attività vere. Sono inventati gli annunci, le persone e le foto, generate sulla GPU del mio computer con un modello aperto; sono veri i dati sui mutui, scaricati dalla BCE e da Eurostat. Il sito lo dice in ogni pagina.
**Che cosa fa**
- **La home è un film**: scorrendo si scende sul lago, si entra nel soggiorno di una villa e ci si ferma su una terrazza al tramonto, dove comincia la ricerca. - **La ricerca**: 24 annunci in 14 zone, con i filtri per contratto, tipologia, zona, prezzo, superficie, stanze e caratteristiche, e una vista a mappa del lago che filtra l'elenco. - **Le schede**: la galleria a schermo intero, i dati tecnici con la classe energetica, la zona e la richiesta di una visita. - **Mutui e partner**: i tassi dei nuovi mutui in Italia dal 2015 con l'Euribor e il tasso BCE, i prezzi delle case, il calcolatore della rata e i professionisti di cui l'agenzia si fida. - **Le statistiche delle visite**, senza cookie e senza salvare l'indirizzo di chi visita.
**Il pannello, da provare senza account**
Il proprietario aggiorna tutto da un pannello pensato per il telefono: gli annunci con le foto, le richieste ricevute, i partner, le persone, i testi, il colore e le sezioni del sito, con «Ripristina» dopo ogni salvataggio e un cestino. Dal sito, «Prova il pannello» lo apre senza account: le modifiche restano nel browser di chi prova, perché la logica del server gira lì, su una copia dei dati.
**La parte difficile**
Far girare la stessa logica in due posti, sul server con MongoDB e nel browser per la prova, senza che le due versioni si allontanino. I servizi stanno in un pacchetto condiviso, sopra un contratto dei dati, e una prova automatica manda le stesse richieste al server e alla copia nel browser e vuole risposte uguali. E il film della home pesa 0,90 MB al primo caricamento sul computer: le scene che seguono si scaricano mentre si scorre.
Vue 3 e TypeScript, Fastify e MongoDB, GSAP per il film, ECharts per i grafici; ogni modifica passa da 381 prove automatiche, e il sito è pubblicato sul mio server, con una copia notturna del database.
Progettazione, sviluppo full-stack e pubblicazione · 2026
Vue.js, Fastify, MongoDB, GSAP, Z-Image-Turbo