Aller au contenu

Fonctionnalités FrontEnd - PsychoEnLigne

Document généré le 2026-04-22

Vue d'ensemble

Ce document détaille toutes les fonctionnalités à développer pour le FrontEnd de PsychoEnLigne, organisées selon la structure Domain-First mise en place.

1. Domaine Patients (@patients/*)

Gestion des Dossiers Patients

  • CRUD Patients: Création, consultation, modification, suppression des dossiers patients
  • Recherche avancée: Par nom, numéro de sécurité sociale, date de naissance
  • Historique médical: Visualisation des consultations, rendez-vous, traitements
  • Documents médicaux: Upload/consultation d'ordonnances, résultats d'examens
  • Fiche patient complète: Informations démographiques, contacts, antécédents

Interfaces à développer

  • PatientsListePage.tsx - Liste des patients avec filtres
  • PatientFichePage.tsx - Dossier patient détaillé
  • PatientCreationPage.tsx - Formulaire de création patient
  • PatientModificationPage.tsx - Modification dossier patient

2. Domaine Rendez-vous (@rendezvous/*)

Prise de Rendez-vous

  • Calendrier interactif: Vue semaine/mois avec disponibilités
  • Gestion des créneaux: Configuration des horaires par médecin
  • Confirmation automatique: SMS/Email de confirmation
  • Rappels: Notifications avant les rendez-vous
  • Annulation/Report: Gestion des modifications

Interfaces à développer

  • RendezVousCalendrierPage.tsx - Calendrier principal
  • RendezVousCreationPage.tsx - Prise de rendez-vous
  • RendezVousModificationPage.tsx - Modification/annulation
  • RendezVousListePage.tsx - Liste des rendez-vous

3. Domaine Consultations (@consultations/*)

Gestion des Consultations

  • Dossier de consultation: Interface de saisie pendant la consultation
  • Ordonnances: Génération et impression d'ordonnances
  • Prescriptions: Médicaments avec posologie
  • Notes médicales: Observations et diagnostic
  • Historique: Consultations précédentes du patient

Interfaces à développer

  • ConsultationsListePage.tsx - Liste des consultations (déjà existante)
  • ConsultationsFichePage.tsx - Dossier de consultation
  • ConsultationsOrdonnancePage.tsx - Gestion ordonnances
  • ConsultationsNotesPage.tsx - Notes médicales

4. Domaine Facturation (@facturation/*)

Gestion Financière

  • Génération des factures: Automatique après consultation
  • Paiements: Suivi des paiements (carte, chèque, espèce)
  • Remboursements: Interface mutuelle/assurance
  • Rapports financiers: Journal des ventes, statistiques
  • Tarification: Configuration des prix par consultation

Interfaces à développer

  • FacturationListePage.tsx - Liste des factures
  • FacturationCreationPage.tsx - Génération facture
  • FacturationPaiementPage.tsx - Enregistrement paiement
  • FacturationRapportsPage.tsx - Rapports financiers

5. Domaine Authentification (@auth/*)

Sécurité et Accès

  • Login/Multi-facteurs: Sécurité renforcée
  • Gestion des mots de passe: Oubli, réinitialisation
  • Rôles et permissions: Admin, médecin, secrétaire, patient
  • Session management: Timeout, reconnexion automatique
  • Audit trail: Journal des connexions

Interfaces à développer

  • LoginPage.tsx - Connexion (déjà existante)
  • ForgotPasswordPage.tsx - Mot de passe oublié (déjà existante)
  • ResetPasswordPage.tsx - Réinitialisation mot de passe (déjà existante)
  • TwoFactorPage.tsx - Authentification 2 facteurs (déjà existante)
  • ProfilePage.tsx - Profil utilisateur

6. Domaine Utilisateurs (@utilisateurs/*)

Gestion du Personnel

  • Profils utilisateurs: Informations personnelles, préférences
  • Permissions: Gestion des droits d'accès
  • Annuaire interne: Liste des collaborateurs
  • Messagerie interne: Communication entre staff
  • Planning personnel: Congés, disponibilités

Interfaces à développer

  • UtilisateursListePage.tsx - Liste des utilisateurs (déjà existante)
  • MonProfilPage.tsx - Profil personnel (déjà existante)
  • UtilisateurCreationPage.tsx - Création utilisateur
  • UtilisateurPermissionsPage.tsx - Gestion permissions

7. Domaine Médecins (@medecins/*)

Gestion des Professionnels

  • Profils médecins: Spécialités, disponibilités, tarifs
  • Planning personnel: Gestion des congés, disponibilités
  • Statistiques: Nombre de patients, revenus, etc.
  • Affectations: Liaison avec les patients
  • Agenda personnel: Vue du calendrier médecin

Interfaces à développer

  • MedecinsListePage.tsx - Annuaire des médecins
  • MedecinFichePage.tsx - Profil médecin détaillé
  • MedecinPlanningPage.tsx - Planning médecin
  • MedecinStatistiquesPage.tsx - Statistiques personnelles

8. Domaine Dashboard (@dashboard/*)

Tableau de Bord Principal

  • Vue d'ensemble: Rendez-vous du jour, patients en attente
  • Statistiques: Fréquentation, revenus, indicateurs KPI
  • Alertes: Rendez-vous à confirmer, paiements en retard
  • Quick actions: Accès rapide aux fonctions principales
  • Widgets personnalisables: Configuration par utilisateur

Interfaces à développer

  • DashboardPage.tsx - Tableau de bord principal
  • DashboardStatsPage.tsx - Statistiques détaillées
  • DashboardAlertesPage.tsx - Centre d'alertes

9. Domaine Notifications (@notifications/*)

Centre de Notifications

  • Centre de notifications: Centralisation des alertes
  • Types de notifications: Rendez-vous, messages, paiements
  • Préférences: Configuration par utilisateur
  • Historique: Journal des notifications envoyées
  • Templates: Modèles de messages

Interfaces à développer

  • NotificationsCentrePage.tsx - Centre de notifications
  • NotificationsHistoriquePage.tsx - Historique
  • NotificationsPreferencesPage.tsx - Préférences utilisateur

10. Shared Kernel (@shared/*)

Infrastructure Commune

  • Composants UI: Bibliothèque de composants réutilisables
  • Hooks personnalisés: Auth, API, formulaires
  • Utilitaires: Validation, formatage, helpers
  • Infrastructure: Client HTTP, gestion des erreurs
  • Types TypeScript: Interfaces et types partagés

Composants à développer

  • UI Components: Button, Input, Modal, Table, etc.
  • Layout Components: Header, Sidebar, Footer
  • Form Components: FormField, FormSelect, FormDatePicker
  • Display Components: Card, Badge, Alert, Loading

11. Fonctionnalités Techniques Additionnelles

Mobile Responsive

  • Design adaptatif: Tablettes, smartphones
  • PWA: Application web progressive
  • Offline mode: Accès limité sans connexion

Intégrations

  • API BackEnd: Communication avec tous les modules DDD
  • Services externes: SMS, email, paiement
  • Export/Import: PDF, Excel, données patients

Performance

  • Lazy loading: Chargement à la demande
  • Caching: Mise en cache intelligente
  • Optimisation: Bundle splitting, code splitting

12. Priorités de Développement

Phase 1 (MVP - 2-3 semaines)

  1. Authentification complète - Login, permissions, profils
  2. Dashboard principal - Vue d'ensemble, KPIs
  3. Gestion Patients (CRUD) - Dossiers patients de base
  4. Prise de Rendez-vous simple - Calendrier de base

Phase 2 (Fonctionnalités Core - 4-6 semaines)

  1. Consultations et ordonnances - Dossier consultation
  2. Facturation de base - Génération factures, paiements
  3. Notifications essentielles - Rappels rendez-vous
  4. Gestion Médecins - Profils et planning

Phase 3 (Avancées - 6-8 semaines)

  1. Fonctionnalités avancées - Statistiques, rapports
  2. Mobile responsive - Adaptation mobile/tablette
  3. Intégrations externes - SMS, email, paiement
  4. Optimisations - Performance, UX avancée

13. Architecture Technique

Structure Domain-First

FrontEnd/
Modules/src/
  @auth/                    # Authentification
  @patients/                # Gestion patients
  @rendezvous/              # Prise de rendez-vous
  @consultations/           # Consultations médicales
  @facturation/             # Facturation et paiements
  @medecins/                # Gestion médecins
  @utilisateurs/            # Gestion utilisateurs
  @dashboard/              # Tableau de bord
  @notifications/          # Centre de notifications
shared-kernel/src/          # Éléments communs

Stack Technique

  • React 18 avec TypeScript
  • Vite comme bundler
  • TailwindCSS pour le styling
  • TanStack Query pour la gestion d'état serveur
  • Zustand pour la gestion d'état client
  • React Hook Form pour les formulaires
  • React Router 7 pour la navigation

14. Dépendances API

Endpoints à consommer

  • GET /api/v1/patients - Liste des patients
  • POST /api/v1/patients - Création patient
  • GET /api/v1/rendezvous - Liste rendez-vous
  • POST /api/v1/rendezvous - Création rendez-vous
  • GET /api/v1/consultations - Liste consultations
  • POST /api/v1/consultations - Création consultation
  • GET /api/v1/factures - Liste factures
  • POST /api/v1/factures - Génération facture

Conclusion

La structure Domain-First est maintenant prête pour accueillir toutes ces fonctionnalités de manière organisée et scalable. Chaque domaine peut être développé indépendamment tout en bénéficiant des composants partagés du Shared Kernel.

Le développement peut commencer par la Phase 1 (MVP) pour avoir une application fonctionnelle rapidement, puis s'enrichir progressivement avec les fonctionnalités avancées.

Document à mettre à jour au fur et à mesure du développement des fonctionnalités.