Aller au contenu
Alex ALAVO.

É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
Bilan mensuel de MesSous : gardé, dépensé, versé sur objectifs et tendances
Simulation d'un achat sur mobile : solde après achat et impact sur le budget

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.

06 — Architecture

  1. Interface Reactmobile d'abord
  2. Server Actions Next.jssession · Zod
  3. Services métierrègles ↔ coach IA
  4. Repositories · Prismaaccès aux données
  5. 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

Étude de cas suivanteSparkMeter Data AutomationCollecte les relevés de compteurs électriques, historise les corrections et alimente rapports, graphiques et Google Sheets.