Le projet en bref
| Secteur | Services aux particuliers — Conseil & Consultation |
| Mission | Conception et développement d'une plateforme de mise en relation entre consultants indépendants et clients, avec communication en temps réel, gestion de crédits prépayés et paiement en ligne |
| Rôle | Développeur fullstack & Chef de projet |
Contexte & Problématique
Le client exploitait une plateforme existante développée en PHP natif, fonctionnelle mais vieillissante : performances limitées, expérience utilisateur datée, maintenance coûteuse et difficultés à faire évoluer les fonctionnalités.
Face à la croissance de son activité et aux attentes de ses utilisateurs, une refonte complète s'est imposée avec plusieurs objectifs :
- Moderniser l'expérience utilisateur sur tous les supports (desktop, tablette, mobile)
- Fiabiliser la communication en temps réel entre consultants et clients (appels vocaux, messagerie)
- Sécuriser le tunnel de paiement et automatiser la gestion des crédits
- Poser une base technique solide permettant des évolutions rapides et pérennes
- Améliorer les outils d'administration pour le pilotage quotidien de la plateforme
Les défis techniques
1. Communication en temps réel à grande échelle
La plateforme repose sur des consultations en direct. Il fallait garantir une qualité d'appel irréprochable, gérer la mise en relation dynamique entre participants, et proposer un système de messagerie instantanée fiable, le tout avec une gestion fine de la facturation à la minute.
Ce que j'ai mis en place :
- Intégration de Twilio Voice API pour les appels vocaux avec gestion des statuts en temps réel
- Messagerie instantanée via Twilio Conversations API
- Décompte de crédits à la minute avec déconnexion automatique à l'épuisement du solde
- Broadcasting de la disponibilité des consultants via Supabase Realtime
Résultat : plus de 60 000 consultations réalisées en 2 ans avec une qualité d'appel stable.
2. Système de paiement robuste et automatisé
Les clients achètent des crédits prépayés qu'ils consomment lors des consultations. Le système devait gérer les paiements en ligne, confirmer les transactions via webhooks, créditer automatiquement les comptes, appliquer des offres promotionnelles et générer des justificatifs PDF.
Ce que j'ai mis en place :
- Intégration complète du SDK PayPal + Webhooks pour la confirmation des transactions
- Crédit automatique des comptes après validation du paiement
- Système de bonus premier achat et offres promotionnelles
- Génération automatique de justificatifs PDF
Résultat : tunnel de paiement fiable avec confirmation automatique, sans intervention manuelle.
3. Gestion multi-rôles complexe
Trois profils d'utilisateurs avec des parcours et des droits très différents : clients, consultants et administrateurs. Chaque rôle dispose de son propre tableau de bord, ses fonctionnalités et ses niveaux d'accès.
Ce que j'ai mis en place :
- Authentification sécurisée via Supabase Auth (flux PKCE)
- Middleware de contrôle d'accès par rôle et protection des routes
- Tableaux de bord personnalisés pour chaque profil
- 240+ endpoints REST avec gestion fine des permissions
4. Migration sans interruption de service
La migration depuis le système PHP existant devait se faire en préservant les données utilisateurs et l'historique des transactions, sans coupure pour les utilisateurs finaux.
Ce que j'ai mis en place :
- Migration progressive des données depuis l'ancien système
- Conservation de l'historique complet des transactions et des comptes utilisateurs
- Basculement transparent pour les utilisateurs finaux
La solution technique
Architecture & Stack
| Couche | Technologies |
|---|---|
| Frontend | Nuxt 3, Vue 3, TypeScript, Tailwind CSS |
| Backend | Nuxt Server (API Routes), 240+ endpoints REST |
| Base de données | Supabase (PostgreSQL managé) |
| Authentification | Supabase Auth (flux PKCE sécurisé) |
| Paiement | PayPal (SDK + Webhooks) |
| Communication | Twilio Voice API + Conversations API |
| Temps réel | Supabase Realtime (Broadcast Channels) |
| Emails transactionnels | Vue Email + Brevo |
| État applicatif | Pinia (persistance localStorage) |
| UI Components | Shadcn/ui + Maz-UI |
Fonctionnalités clés développées
Pour les clients :
- Inscription et authentification sécurisée
- Consultation du profil et de la disponibilité des consultants en temps réel
- Appel vocal et messagerie instantanée intégrés
- Achat de crédits prépayés avec confirmation automatique
- Historique des consultations et suivi des dépenses
- Système de notation et d'avis
Pour les consultants :
- Tableau de bord personnalisé
- Gestion de la disponibilité en temps réel (broadcasting live)
- Réception d'appels et gestion de la messagerie
- Suivi des consultations et de l'activité
Pour les administrateurs :
- Tableau de bord de pilotage complet
- Gestion des utilisateurs (clients et consultants)
- Suivi des transactions et des paiements
- Mise en avant de consultants
- Outils de modération
Transversal :
- Emails transactionnels automatisés (confirmations, notifications, relances)
- Génération de documents PDF (certificats, justificatifs)
- Middleware de sécurité (contrôle d'accès par rôle, protection des routes)
- Système de notifications en temps réel
Résultats & Chiffres clés
| Indicateur | Valeur |
|---|---|
| Consultants actifs sur la plateforme | 35 |
| Clients inscrits | + de 3 000 |
| Consultations réalisées en 2 ans | + de 60 000 |
| Endpoints API développés | 240+ |
| Taux de migration TypeScript (API) | 90% |
La plateforme est en production et en croissance continue. La nouvelle architecture permet de déployer de nouvelles fonctionnalités rapidement et de supporter la montée en charge sans dégradation de performance.
Témoignage client
"Maxime a su comprendre les spécificités de notre métier et traduire nos besoins en une plateforme performante et fiable. La transition depuis notre ancien système s'est faite en douceur, et nos utilisateurs ont immédiatement adopté la nouvelle interface. Ce qui nous impressionne le plus, c'est la réactivité : quand on a une idée d'amélioration, elle est en production en quelques jours."
Enseignements
- Nuxt 3 + Supabase : une combinaison redoutablement efficace pour les plateformes SaaS avec authentification, temps réel et API complexes
- L'approche itérative a permis de livrer rapidement une V1 fonctionnelle puis d'enrichir progressivement la plateforme selon les retours terrain
- La migration progressive vers TypeScript renforce la qualité du code sans bloquer la vélocité de développement
- L'intégration de services managés (Twilio, PayPal, Supabase, Brevo) permet de se concentrer sur la valeur métier plutôt que sur l'infrastructure
Vous avez un projet de plateforme web sur mesure ?
Refonte d'un système existant, création d'une plateforme SaaS, intégration de services tiers — je vous accompagne de la conception à la mise en production.
Dans ce projet, j'ai livré une plateforme complète qui gère des milliers d'utilisateurs et des dizaines de milliers de consultations, avec un système de paiement fiable et une communication en temps réel.
Discutons de votre projet