Horizon — Carnet de voyage

Application web mobile-first, 100 % hors-ligne, pour préparer et raconter ses voyages. Toutes les données (carte de vie, voyages, hôtels, excursions, valise, carnet de bord) sont stockées localement dans le navigateur via localStorage. Seules les tuiles de la carte nécessitent une connexion internet.

L'application tient dans un unique fichier statique (index.html) : aucune étape de build, aucune dépendance à installer.

Fonctionnalités

• Ma carte de vie — carte interactive (Leaflet) des lieux visités, avec statistiques (destinations, pays, % du monde découvert) et « tampons de passeport ». Épinglage par clic sur la carte ou géocodage d'une ville.
• Mes voyages — un carnet par voyage, avec étapes multiples (pays/villes), dates et visuel de couverture.
• Hébergements — frise chronologique des hôtels (arrivée/départ, check-in / check-out, adresse, téléphone, n° de réservation), nombre de nuits calculé automatiquement.
• Excursions — planning daté et boîte à idées, budget agrégé, et une vue agenda jour par jour.
• Ma valise — listes d'affaires pré-remplies par catégorie (dont un module « Chien » optionnel), météo simulée selon la destination et la saison, suivi des éléments cochés.
• Carnet de bord — récit jour par jour avec photos (compressées côté client), export et partage du carnet en HTML.
• Tips — conseils par destination (vignettes/péages, code de la route, différences culturelles, bon à savoir) générés par IA quand window.claude est disponible, puis mis en cache pour consultation hors-ligne.
• Sauvegarde & synchro — export/import d'une sauvegarde .json et synchro optionnelle entre appareils via une URL NAS (WebDAV / HTTP, PUT/GET, « dernier écrit gagne »).

Lancer l'application

Ouvrez simplement index.html dans un navigateur, ou servez le dossier :

python3 -m http.server 8000
# puis ouvrez http://localhost:8000

Pensé pour un usage mobile : la mise en page est centrée sur une colonne de 480 px de large maximum.

Stockage des données

• localStorage["horizon_carnet_v1"] — état applicatif (voyages, lieux visités…)
• localStorage["horizon_sync_v1"] — réglages de synchronisation NAS

Aucune donnée n'est envoyée vers un serveur, sauf si vous configurez vous-même une URL de synchronisation NAS dans les réglages.

Pile technique

Vanilla HTML / CSS / JavaScript, sans build. Dépendances chargées via CDN :

• Leaflet 1.9.4 — carte interactive
• Polices Google : Hanken Grotesk (UI) et Instrument Serif (titres/chiffres)