Moussa Diagne

Développement d'une plateforme web de téléconsultation visant à démocratiser l'accès aux soins spécialisés pour les patients en Afrique, en les connectant à un réseau de médecins basés en Europe.

Missions & Réalisations (Stack Technique) :

Architecture Front-End : Développement de l'application avec Next.js 14 (App Router) et TypeScript, garantissant performances SEO et fiabilité du code.

UI/UX & Design System : Implémentation d'une interface responsive et moderne avec Tailwind CSS et shadcn/ui, assurant une expérience utilisateur fluide et cohérente sur tous les appareils.

Gestion d'État : Mise en place et gestion de l'état global (session utilisateur, disponibilité des médecins, données de consultation) via Zustand pour une logique prévisible et performante.

Fonctionnalités Métier Critiques : Intégration des SDK [URL MASQUÉE] pour implémenter deux piliers de la plateforme :

Un système de messagerie instantanée sécurisé entre patients et médecins.

Une solution de visioconférence intégrée, robuste et à faible latence.

Optimisation : Amélioration des performances (Core Web Vitals) et de l'accessibilité (WCAG) des composants.

Impact & Résultats :

Contribution clé au développement du produit minimum viable (MVP), permettant la validation du concept auprès des premiers utilisateurs.

La plateforme a pour objectif de réduire les délais d'accès aux spécialistes et de supprimer les contraintes de déplacement pour les patients.

Acquisition de compétences pointues sur l'intégration d'APIs temps réel dans un contexte critique (santé).

Stack Technique : Next.js | TypeScript | Tailwind CSS | Zustand | shadcn/ui | [URL MASQUÉE] (Chat & Video)

Marketplace B2C permettant de trouver et réserver des services locaux (jardinage, électricité, cours, etc.) avec un choix entre prestation à distance ou en présentiel.

Missions & Réalisations :

Développement front-end avec Next.js (App Router) & TypeScript.

Implémentation d'une recherche géolocalisée avec filtres avancés et fiches profils détaillées (portfolio, avis, tarifs).

Création d'un système de réservation dual :

À distance : Intégration de l'API Google Meet pour générer automatiquement un lien de visioconférence sécurisé.

En présentiel : Gestion des options "Le prestataire se déplace" / "Je me déplace" avec saisie d'adresse et détails logistiques.

Gestion d'état complexe (résultats, filtres, réservation, paiement) avec Zustand.

Interface utilisateur responsive et accessible avec Tailwind CSS et shadcn/ui, incluant calendrier de disponibilités et tunnel de paiement.

Impact & Compétences Développées :

Livraison d'un MVP reproduisant les mécaniques clés des marketplaces de services locaux (AlloVoisins, Thumbtack).

Expertise en intégration d'APIs tierces complexes (Google Meet) dans un flux utilisateur critique.

Maîtrise des défis d'une plateforme à double réseau : recherche géolocalisée, confiance par les avis, logistique présentiel/distance.

Stack : React.js | TypeScript | Tailwind CSS | Zustand | API Google Meet | [API Maps] | [Stripe]

Développement d'une plateforme "marketplace" où chercheurs de savoir et experts se connectent pour des sessions de mentoring payantes. L'enjeu était de créer un espace de confiance avec une communication fluide.

Missions & Réalisations :

Architecture Front-End : Construction de l'application avec Next.js (App Router) et TypeScript, en optimisant les performances des pages de découverte.

UX/UI Transactionnelle :

Développement d'une interface de recherche avancée d'experts avec filtres dynamiques.

Création de pages de profils engageantes (calendrier, avis, présentation).

Implémentation d'un tunnel de réservation et paiement fluide.

Système de Communication Critique : Intégration de [URL MASQUÉE] pour déployer une messagerie instantanée sécurisée et privée, permettant :

Les échanges pré-session (clarification des besoins).

Le partage de documents (ressources, contrats).

Le suivi post-session (feedback, questions complémentaires).

Gestion d'État Complexe : Orchestration avec Zustand de l'état global : catalogue d'experts, conversations en cours, notifications de nouveaux messages, données de réservation.

Design System : Utilisation de shadcn/ui et Tailwind CSS pour une interface moderne et accessible, avec des composants de chat personnalisés.

Impact & Compétences :

Démonstration de la maîtrise de [URL MASQUÉE] dans un deuxième contexte métier distinct, renforçant l'expertise sur les APIs temps réel.

Compréhension des enjeux d'une marketplace double-sided : fluidité de communication = confiance = conversion.

Capacité à intégrer une fonctionnalité de communication complexe dans un flux utilisateur existant (réservation → chat → paiement → suivi).

Stack Technique : Next.js | TypeScript | Tailwind CSS | Zustand | shadcn/ui | [URL MASQUÉE] (Chat) | Stripe

Développement front-end d'une plateforme EdTech transformant du contenu brut en parcours d'apprentissage interactif et mesurable.

Missions :

Architecture : Application React avec gestion d'état globale de la session d'apprentissage via Zustand (progression, quiz, scores).

Expérience Apprenant :

Lecteur de contenu avec découpage en blocs et indicateur de progression.

Système de quiz interactifs intégrés (validation immédiate, feedback).

Tableau de bord personnel avec visualisation des acquis.

Interface Formateur : Dashboard de suivi (progrès, statistiques) et gestion des ressources.

Intégration API : Appels aux endpoints backend avec TanStack Query (React Query) pour la gestion optimisée des données, cache et états de chargement.

Multimédia : Implémentation du lecteur vidéo/audio avec l'API HTML5 native (<video>, <audio>) pour une solution légère et performante.

UI/UX : Interface construite avec Tailwind CSS et shadcn/ui pour un design system accessible et cohérent, axé sur la réduction de la charge cognitive.

Résultats :
Interface front-end performante et engageante, offrant une expérience d'apprentissage fluide et un outil de supervision efficace.

Stack : React | Zustand | TanStack Query | Tailwind CSS | shadcn/ui | HTML5 Media API