AlpiMonitor — Documentation architecturale¶
Tableau de bord hydrologique du bassin de la Borgne (Valais, Suisse), livrable de démonstration technique pour une candidature au poste de Développeur·se Front-End au CREALP. Cette documentation suit la structure arc42 adaptée en 10 sections — voir la navigation en haut de page. Stack + choix + deploy cadré par ADR-011.
Démo live¶
- Application : alpimonitor.fr — SPA Vue 3, carte Leaflet + drawer + chart D3 24 h.
- API + observabilité : api.alpimonitor.fr/api/v1/status — JSON, expose
IngestionRun.lastRun+ compteurs journée. - Design system : storybook.alpimonitor.fr — 46 stories + 5 MDX.
- Repository : github.com/sodigitaljeremy/alpimonitor.
Production auto-déployée sur push main via Coolify + VPS Hetzner (§7 Vue de déploiement).
Tags et phases livrées¶
v1.0.0-crealp(2026-04-22) — Livrable candidature initial : landing live, ingestion LINDAS temps réel, 7 stations cartographiées, Lighthouse Desktop 96/100/100/100.v1.1.0-refactor(2026-04-23) — Design system + architecture : Storybook exhaustif, façades feature-grouped,lib/domain-scoped, 173 tests, règle « aucun consumer prod hors façades » enforced (ADR-010).
Guide de lecture¶
Deux parcours recommandés selon le temps disponible.
Parcours recruteur 30 s¶
- §1 Introduction et objectifs — pitch + 4 objectifs + personas.
- §3 Contexte et périmètre — diagramme contexte + interfaces externes + in/out scope.
- §9 Index ADR — tableau des 11 ADR avec statut et 1-line résumé.
- Le repo GitHub pour échantillonner le code.
Parcours lecteur approfondi¶
- §1 Introduction et objectifs.
- §4 Stratégie de solution — choix top-level + data flow.
- §5 Vue des blocs de construction + sous-pages frontend / backend / persistence.
- §6 Vue d'exécution — 3 scénarios sequence (ingestion, sélection UI, health).
- §7 Vue de déploiement + 3 post-mortems incidents.
- §9 ADR 001-011 pour le détail des décisions.
- §10 Risques et dette — non-scope candidature, dette assumée, backlog post-candidature.
Source de cette documentation¶
Site généré par MkDocs + thème Material, sources Markdown dans docs/ du repo. Diagrammes rendus en Mermaid inline (C4 Structurizr SVG prévus pour une phase ultérieure). Voir docs/README.md pour le setup local.