Complete family planning application with: - React frontend with TypeScript - Node.js/Express backend with TypeScript - Python ingestion service for document processing - Planning ingestion service with LLM integration - Shared UI components and type definitions - OAuth integration for calendar synchronization - Comprehensive documentation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
51 lines
1.7 KiB
Markdown
51 lines
1.7 KiB
Markdown
# Parcours UX
|
|
|
|
## Hub principal
|
|
|
|
1. Arrivee sur la page Dashboard.
|
|
2. Bandeau superieur: selection des enfants (chips colorees).
|
|
3. Zone centrale: vue agenda semaine avec colonnes par enfant.
|
|
4. Barre laterale: alertes a venir, documents recents.
|
|
5. Bouton `Plein ecran` fixe en bas a droite.
|
|
|
|
## Ajout d un enfant
|
|
|
|
1. Bouton `Ajouter un enfant` -> modal.
|
|
2. Formulaire minimal: prenom + nom, couleur, notes.
|
|
3. Apercu avatar (initiales + couleur).
|
|
4. Validation -> creation enfant -> scroll vers enfant nouvellement cree.
|
|
|
|
## Import de planning
|
|
|
|
1. Bouton `Importer un planning`.
|
|
2. Dropzone avec glisser deposer ou navigation fichiers.
|
|
3. Metadonnees optionnelles: periode couverte, commentaires.
|
|
4. Une fois envoye -> affichage etat `Analyse en cours` avec spinner.
|
|
5. Notification system toastee quand l analyse est terminee.
|
|
|
|
## Edition du planning
|
|
|
|
1. Cliquer sur un bloc activite -> panneau lateral.
|
|
2. Champs editables: titre, horaire, lieu, note, rappels.
|
|
3. Bouton `Marquer comme important` -> alerte automatique.
|
|
4. Historique des modifications (timeline simple).
|
|
|
|
## Mode plein ecran
|
|
|
|
- Activation via bouton ou touche `F`.
|
|
- Cache la navigation, agrandit les colonnes, police plus grande.
|
|
- Timer auto refresh (toutes les 5 minutes) affiche en haut a droite.
|
|
|
|
## Multi ecran
|
|
|
|
1. Bouton `Partager` -> QR code + lien.
|
|
2. Option `Afficher sur ecran externe` -> suggestions (Chromecast, AirPlay, HDMI).
|
|
3. Mode lecteur: read-only, auto refresh, theme clair/fonce.
|
|
|
|
## Alertes
|
|
|
|
1. Reglages au niveau enfant (par defaut: veille 19h + jour J 7h).
|
|
2. Possibilite d ajouter un rappel custom par activite.
|
|
3. Page `Alertes` liste toutes les notifications a venir.
|
|
4. Actions rapides: confirmer, snoozer, marquer comme resolu.
|