rdvanytime-plateforme-medicale2024

Rendez-vous Anytime

ClientProjet Indépendant
RôleDéveloppeur Full Stack
Technologies
ReactNode.jsExpressMongoDBTailwind CSSMaterial UIJWTAxiosViteReact Router
15+Pages développées
2Portails distincts
4Modules métier
MERNArchitecture
Rendez-vous Anytime Hero

L'ambition derrière la création.

Rendez-vous Anytime est une application full-stack moderne conçue pour digitaliser et fluidifier le parcours de soins. Côté patient, la plateforme offre un moteur de recherche multicritères (spécialité, ville) pour trouver rapidement un praticien. Elle intègre également un carnet de santé numérique complet (groupe sanguin, allergies, antécédents chirurgicaux, biométrie). Côté professionnel de santé, elle met à disposition un système de gestion de calendrier avec suivi des rendez-vous. Le backend est propulsé par Node.js et Express avec un système d'authentification sécurisé par JWT, garantissant la confidentialité des données.

Le Challenge

Le principal défi était de concevoir un système double-face (patient/médecin) garantissant un haut niveau de sécurité pour les données médicales sensibles, tout en conservant une expérience utilisateur très fluide. Plus précisément, le véritable enjeu technique résidait dans la cohérence des données entre les deux portails : lorsqu'un patient annule, le médecin doit en être informé immédiatement, et lorsqu'un créneau est réservé, il doit disparaître instantanément des disponibilités. Sans recourir aux WebSockets, maintenir cette synchronisation de manière propre tout en gérant les états complexes dans le frontend React a exigé une véritable rigueur sur la conception des API REST et la modélisation des schémas Mongoose.

La Solution

Pour répondre à cela, j'ai opté pour une architecture API REST robuste avec Node.js et MongoDB, permettant des requêtes rapides pour la recherche de médecins. Sur le front, l'utilisation combinée de React, Tailwind CSS et Material UI a permis de créer une interface épurée, responsive et accessible. Un système de notifications croisées a également été développé pour alerter immédiatement les deux parties lors d'une annulation de rendez-vous.

Visuels du projet

Aperçu de l'interface utilisateur

Rendez-vous Anytime screenshot 1
Balayer ou cliquer pour défiler
Rendez-vous Anytime screenshot 2
Rendez-vous Anytime screenshot 3
01 / 10
Startupyar
Projet Suivant

Startupyar