Application mobile multiplateforme (iOS / Android) pour rechercher, filtrer, cartographier et explorer les structures de santé du Togo : pharmacies, laboratoires, hôpitaux, centres de santé, institutions sanitaires et startups HealthTech.
# Health Map Togo — Application mobile
Application mobile multiplateforme (iOS / Android) pour **rechercher, filtrer, cartographier et explorer** les structures de santé du Togo : pharmacies, laboratoires, hôpitaux, centres de santé, institutions sanitaires et startups HealthTech.
---
## Stack
- **Expo (SDK 57) + React Native + TypeScript**, **Expo Router** (routing par fichiers)
- **NativeWind** (Tailwind CSS) — thème clair/sombre par variables CSS
- **React Query** — cache intelligent, pagination infinie, gestion d'erreurs, persistance offline (AsyncStorage)
- **React Hook Form + Zod** — formulaires & validation (auth)
- **react-native-maps** + **supercluster** — carte interactive & clustering
- **expo-location** — géolocalisation, distances, recherche par proximité
- **Reanimated** — skeletons, transitions, micro-interactions
- **Supabase** (PostgREST) — API REST sécurisée par RLS, **Supabase Auth**, RPC (proximité + stats)
---
## Fonctionnalités
- 🔎 Recherche temps réel (debounce) + filtres avancés (catégories, préfecture → commune → canton cascadants)
- 📋 Liste virtualisée (FlashList), skeleton loaders, pull-to-refresh, scroll infini
- 🗺️ Carte : marqueurs par catégorie, clustering, position utilisateur, « autour de moi », fiche flottante
- 📍 Fiche détaillée : adresse, contacts, horaires, services, GPS, mini-carte, **itinéraire** (Google/Apple/Waze), partage
- 📊 Tableau de bord : total, répartition par catégorie (donut), top localités (barres)
- ❤️ Favoris locaux (offline) **synchronisés** via Supabase à la connexion
- 🌗 Thème clair / sombre / système, transitions fluides, composants réutilisables
---
## Screenshots de l'application - Découverte & Exploration 📸
---
## Screenshots du chatBot en pratique 📸
---
## Screenshots de l'application - Détail, Itinéraire & Compte 📸
---
## Architecture
```mermaid
flowchart TB
subgraph mobile["📱 Application mobile — Expo SDK 57 · React Native · TypeScript"]
direction TB
subgraph nav["Navigation — Exp …