# Screenshots PWA

Ce dossier contient les screenshots de l'application Parc'App pour le manifest PWA.

## 📸 Screenshots requis

Pour que les screenshots soient correctement affichés dans les stores et lors de l'installation PWA, vous devez ajouter les fichiers suivants :

### Mobile Portrait (narrow)
- `mobile-portrait-1.png` - 540x720px ou 1080x1440px
  - Label : "Tableau de bord - Vue d'ensemble"
  - Recommandé : Capture du Dashboard principal
  
- `mobile-portrait-2.png` - 540x720px ou 1080x1440px
  - Label : "Gestion des missions"
  - Recommandé : Capture de la page Missions

### Mobile Landscape (wide)
- `mobile-landscape-1.png` - 1280x720px ou 1920x1080px
  - Label : "Interface de gestion"
  - Recommandé : Capture d'une page en mode paysage

### Desktop (wide)
- `desktop-1.png` - 1280x720px ou 1920x1080px
  - Label : "Dashboard complet"
  - Recommandé : Capture du Dashboard en mode desktop

## 📐 Spécifications

### Formats acceptés
- PNG (recommandé)
- JPG/JPEG

### Tailles recommandées

**Mobile Portrait :**
- Minimum : 540x720px
- Recommandé : 1080x1440px (ratio 3:4)
- Maximum : 2160x2880px

**Mobile/Desktop Landscape :**
- Minimum : 1280x720px
- Recommandé : 1920x1080px (ratio 16:9)
- Maximum : 3840x2160px

## 🎨 Conseils pour créer les screenshots

1. **Utiliser Chrome DevTools** :
   - Ouvrir DevTools (F12)
   - Activer le mode responsive (Ctrl+Shift+M)
   - Sélectionner un appareil (iPhone, iPad, etc.)
   - Capturer l'écran

2. **Outils recommandés** :
   - Chrome DevTools (Device Toolbar)
   - Firefox Responsive Design Mode
   - Outils en ligne : https://www.pwabuilder.com/imageGenerator

3. **Contenu à capturer** :
   - Dashboard avec statistiques
   - Liste des missions/voyages
   - Formulaire de création
   - Interface chauffeur
   - Page de détails

4. **Bonnes pratiques** :
   - Utiliser des données réalistes
   - Éviter les informations sensibles
   - S'assurer que le contenu est lisible
   - Utiliser le thème de l'application

## 📝 Notes

- Les screenshots sont optionnels mais fortement recommandés
- Ils améliorent la présentation dans les stores d'applications
- Ils sont affichés lors de l'installation PWA
- Les fichiers doivent être placés dans ce dossier (`client/public/screenshots/`)

## 🚀 Après ajout des screenshots

Une fois les screenshots ajoutés :

1. Vérifier que les fichiers sont présents dans `client/public/screenshots/`
2. Vérifier que les noms de fichiers correspondent à ceux dans le manifest
3. Tester avec PWA Builder : https://www.pwabuilder.com/
4. Vérifier dans Chrome DevTools > Application > Manifest