philippe/FamilyPlanner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
FamilyPlanner/docs/ux-flow.md
philippe fdd72c1135 Initial commit: Family Planner application 
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>
2025-10-14 10:43:33 +02:00

1.7 KiB
Raw Permalink Blame History

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.