← Tutti i progetti
🇯🇵

Japan Travel App

Un'app HTML interattiva per pianificare e navigare un viaggio in Giappone, con 1.700 punti di interesse, filtri per importanza e informazioni dettagliate.

Live
Japan Travel App
1.765 Punti di interesse
48 Prefetture coperte
5 Livelli importanza
14 Giorni di viaggio
0 Dipendenze server
1 File HTML

Per il viaggio in Giappone di agosto 2025, ho costruito lo strumento che avrei voluto trovare: una mappa interattiva con 1.765 luoghi in tutte le 48 prefetture giapponesi, funzionante offline da un singolo file HTML.

Il problema

Le guide tradizionali sono lineari: liste di posti da vedere senza contesto spaziale. Google Maps è generico e non permette di filtrare per importanza. Serviva uno strumento che mostrasse tutto su una mappa, con priorità chiare e informazioni accessibili in un tap.

La soluzione

Un singolo file HTML con mappa Leaflet che contiene 1.765 punti di interesse in 48 prefetture e 604 aree, classificati per importanza (da 1 a 5). Ogni POI ha: nome, zona, descrizione breve, descrizione estesa espandibile, informazioni climatiche, e link diretti a sito ufficiale, Wikipedia e Japan Guide. I marker sono colorati per livello di importanza con checkbox per filtrare.

Usato sul campo

L'app è stata usata quotidianamente durante il viaggio: Tokyo, Kawasaki, Nikko, Kamakura, Hakone, Kyoto, Nara, Uji, Hiroshima, Miyajima, Himeji, Koya-san, Osaka. Zero dipendenze server, funziona offline dopo il primo caricamento. Nessun framework, nessuna build: puro HTML/CSS/JS con Leaflet via CDN.

Funzionalità

Filtri per importanza con checkbox colorati. Popup informativi con descrizione, link e meteo. Descrizioni estese espandibili per non sovraccaricare la vista. Clustering automatico dei marker per zoom bassi. Responsive per uso mobile durante il viaggio.

Stack tecnologico

HTMLCSSJavaScriptLeaflet.jsOpenStreetMap