Étude de cas 01 · Full-stack · IA · FinTech
MesSous
Coach financier mobile pour suivre ses dépenses en FCFA, préparer un budget et décider avant d'acheter.
- Rôle
- Conception, développement full-stack, intégration IA et tests
- Catégorie
- Full-stack · IA · FinTech
- Stack
- Next.js 16 · React 19 · PostgreSQL
- Qualité
- 172 tests


01 — Contexte
MesSous s'adresse aux étudiants, actifs, parents et indépendants d'Afrique francophone. Pensée d'abord pour le téléphone et le contexte béninois, l'application rassemble les opérations déclarées en FCFA, le budget et les objectifs financiers dans une expérience accessible aux personnes peu familières des outils financiers.
02 — Problème
L'argent est éclaté entre espèces, mobile money, banque et tontine : impossible d'avoir une vue d'ensemble.
03 — Solution
L'utilisateur indique où il suit son argent, puis enregistre revenus, dépenses et sommes mises de côté. MesSous calcule les soldes estimés, compare les dépenses au budget et présente les tendances. Le coach explique la situation, prépare des propositions et compare des scénarios d'achat ; chaque proposition est vérifiée et validée par l'utilisateur. L'application ne déplace jamais d'argent : tout reste déclaratif.
04 — Fonctionnalités
Plusieurs espaces d'argent
Espèces, MTN, Moov, banque, tontine : disponible et bloqué distingués.
Opérations et recherche
Revenus, dépenses et transferts filtrables par période, catégorie et montant.
Budget évolutif
Stratégies 50/30/20 ou revenus irréguliers, avec versions datées.
Objectifs
Montant cible, priorité et échéance, avec une progression calculée.
Simulation d'achat
Solde après achat et impact sur le budget, avant de décider.
Coach conversationnel
En français : comprendre ses dépenses, préparer un budget, épargner pour un achat.
05 — En images

Tableau de bord MesSous : disponible estimé, budget du mois, charges fixes et conseil du coach 
Bilan du mois sur mobile
06 — Architecture
- Interface Reactmobile d'abord
- Server Actions Next.jssession · Zod
- Services métierrègles ↔ coach IA
- Repositories · Prismaaccès aux données
- PostgreSQLsource de vérité
Dépenses, revenus, wallets, objectifs, budget, simulations et coach : chaque domaine a ses composants, validations, services et accès aux données.
L'IA ne fait que proposer. Ses propositions structurées repassent par les actions métier, la validation et le contrôle d'appartenance avant tout enregistrement.
07 — Défis techniques
Défi
Rendre l'IA utile sans lui laisser la main sur les données.
Solution
Appels de fonctions limités à la proposition, validation structurée, vérification des identifiants et confirmation par l'utilisateur.
Défi
Des soldes justes malgré transferts, objectifs et argent bloqué.
Solution
Règles de calcul dédiées, montants en entiers et solde estimé séparé du disponible, couverts par des tests.
Défi
Garder lisibles les mois passés après une révision du budget.
Solution
Versions budgétaires datées : chaque mois est comparé au budget alors en vigueur.
Défi
Éviter qu'une proposition soit validée deux fois.
Solution
Réservation atomique des cartes du coach et des simulations avant leur enregistrement.
08 — Mon intervention
- Architecture par domaines et règles métier
- Modèle de données et migrations
- Parcours full-stack de déclaration et de planification
- Interfaces mobile-first et composants réutilisables
- Calculs, agrégations et visualisations financières
- Intégration du coach IA
- Administration, permissions et journal d'audit
- Tests unitaires et d'intégration, vidéos de démo automatisées
09 — Stack
- Frontend
- React 19, TypeScript, Tailwind CSS v4, React Hook Form, Recharts
- Backend
- Next.js 16 (App Router, Server Components, Server Actions), Zod
- Données
- PostgreSQL, Prisma ORM 7
- Authentification
- Better Auth, double authentification TOTP (admin), Nodemailer
- IA
- OpenRouter, appels de fonctions structurés, repli heuristique
- Tests
- Vitest, Testcontainers, Playwright, FFmpeg
10 — Résultats
172
tests unitaires réussis, dans 22 fichiers
3
formats de démo vidéo générés automatiquement : mobile, tablette, ordinateur
0
argent déplacé : l'application reste déclarative, l'utilisateur garde la main
