Interface web pour un système national de surveillance environnementale du Burkina Faso.
# Secheinon Burkina — Frontend
> **Version 1.0.0-alpha** · Build 20260513-001
Interface web Next.js 15 pour le système national de surveillance environnementale du Burkina Faso.
---
## Structure
```
frontend/
├── src/
│ ├── app/ # Pages Next.js (App Router)
│ │ ├── layout.tsx # Layout racine
│ │ ├── ClientLayout.tsx # Layout client (Sidebar + contenu)
│ │ ├── page.tsx # Tableau de bord — carte + résumé villes
│ │ ├── weather/page.tsx # Météo — prévisions 16 j, historique, ML
│ │ ├── floods/page.tsx # Inondations — débit, risque, carte, ML
│ │ ├── air-quality/page.tsx # Qualité air — AQI EAQI, polluants, prévisions
│ │ ├── drought/page.tsx # Sécheresse — SPI, historique, carte
│ │ ├── climate/page.tsx # Climat — tendances annuelles / saisonnières
│ │ ├── map/page.tsx # Carte interactive multi-couches
│ │ ├── alerts/page.tsx # Alertes — actives, historique, stats
│ │ ├── report/page.tsx # Rapport de synthèse multi-domaines
│ │ ├── export/page.tsx # Export CSV / JSON des jeux de données
│ │ ├── about/page.tsx # Documentation, seuils, unités, APIs
│ │ └── system/page.tsx # Administration et initialisation
│ ├── components/
│ │ ├── Sidebar.tsx # Navigation + version badge Alpha
│ │ ├── Card.tsx # Carte avec titre, icône, headerAction
│ │ ├── MapView.tsx # Carte Leaflet avec points colorés
│ │ ├── LocationSelect.tsx # Sélecteur de ville
│ │ ├── LoadingSpinner.tsx # Indicateur de chargement
│ │ └── ClientLayout.tsx # Wrapper layout client
│ ├── hooks/
│ │ └── useApi.ts # Hook générique fetch + loading/error
│ └── lib/
│ ├── api.ts # Toutes les méthodes API (fetchApi + endpoints)
│ └── utils.ts # formatNumber, getAqiLabel, form …