Application web permettant aux citoyens de consulter les résultats des contrôles sanitaires de l'eau potable dans leur commune. Données officielles fournies par l'API Hub'Eau et API Geo.
- 🔍 Recherche de commune — Par nom ou code INSEE avec autocomplétion
- 💧 12 paramètres analysés — Nitrates, dureté, pH, chlorures, sulfates, fluor, sodium, calcium, magnésium + bactéries (coliformes, E. coli, entérocoques)
- 🕸️ Graphique radar — Vue d'ensemble de la qualité sur un graphique toile d'araignée interactif
- 📝 Résumé qualité — Analyse détaillée avec score global, points positifs et alertes
- 📊 Historique visuel — Graphiques interactifs sur 12 mois par paramètre
- 📋 Données brutes — Tableau complet des analyses avec tri et pagination
- 📍 Infos géographiques — Code postal, population, coordonnées GPS via API Geo
⚠️ Gestion des données manquantes — Valeurs null/NaN/0 signalées en warning- ✅ Conformité — Indicateurs visuels par rapport aux limites réglementaires
- 📱 Responsive — Interface adaptée mobile, tablette et desktop
| Catégorie | Paramètres |
|---|---|
| Chimiques | Nitrates, Chlorures, Sulfates, Fluor, Sodium |
| Minéraux | Dureté (TH), Calcium, Magnésium |
| Physiques | pH |
| Microbiologiques | Bactéries coliformes, Escherichia coli, Entérocoques |
Chaque paramètre dispose d'un système de scoring intelligent avec 4 niveaux : Excellent, Bon, À surveiller, Problème.
| Technologie | Utilisation |
|---|---|
| Next.js 15 | Framework React avec App Router |
| TypeScript | Typage statique |
| Tailwind CSS 4 | Styles utilitaires |
| React Query | Gestion du cache et des requêtes |
| Recharts | Graphiques interactifs (LineChart, RadarChart) |
| Lucide React | Icônes |
# Cloner le repo
git clone https://github.com/votre-username/qualite-eau-potable.git
cd qualite-eau-potable
# Installer les dépendances
npm install
# Lancer en développement
npm run devL'application sera accessible sur http://localhost:3000
| Commande | Description |
|---|---|
npm run dev |
Serveur de développement |
npm run build |
Build de production |
npm run start |
Lancer le build de production |
npm run lint |
Vérification ESLint |
- Documentation : hubeau.eaufrance.fr/page/api-qualite-eau-potable
- Source des données : Ministère des Solidarités et de la Santé via data.gouv.fr
- Mise à jour : Mensuelle
- Documentation : geo.api.gouv.fr
- Données : Coordonnées GPS, population, code postal
Le design s'inspire du thème DevChallenges :
- Mode sombre avec dégradés violet/rose
- Composants avec effets de glow
- Animations subtiles et fluides
- Graphiques interactifs avec tooltips personnalisés
Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.
Les données sont sous Licence Ouverte / Open Licence (Etalab).
Projet réalisé dans le cadre du challenge DevChallenges #WEEK-50