Icône de Money : la lettre M dessinée d'un trait constant, en blanc sur bleu nuit
Projet personnel Web-app iPhone Réalisé avec Claude Code

Mes dépenses, dans n'importe quelle devise. En deux secondes.

Money est né d'un raccourci iPhone qui convertissait mes dépenses en yuans pendant mon semestre en Chine. C'est devenu une vraie app de suivi : saisie éclair au cours du moment, enveloppes budgétaires, solde prévu en fin de mois, et toujours un double-tap au dos de l'iPhone pour l'ouvrir.

2 tapsau dos de l'iPhone pour ouvrir l'app
3sources de taux de change, en cascade
29tests automatisés sur les calculs et la synchro
0 €d'hébergement (Cloudflare, offre gratuite)

Raccourci AppleDeux taps au dos. Money s'ouvre.Le geste du raccourci de départ est resté : Réglages › Accessibilité › Toucher › Toucher le dos.

Tableau de bordLe solde d'aujourd'hui. Et celui de fin de mois.Le solde prévu tient compte des opérations programmées, et le calcul est expliqué ligne par ligne.

Saisie86 yuans ? 11,55 €, au cours du moment.Montant, enseigne, motif, enregistrer. L'enseigne mémorisée remplit la catégorie toute seule.

AnalyseOù part l'argent, catégorie par catégorie.Par mois ou par année, comparé à la période précédente.

BudgetsDes enveloppes qui préviennent avant.Alerte à 80 %, puis en cas de dépassement.

Tableau de bord de Money : solde actuel, solde prévu en fin de mois, dépenses et revenus du mois Saisie d'une dépense de 86 yuans, convertie en 11,55 euros au cours du moment Analyse annuelle des dépenses par catégorie, en camembert Enveloppes budgétaires du mois avec le montant restant
tap · tap
D'où vient l'idée

Un raccourci de 3 lignes, devenu une app

À Suzhou, chaque achat posait la même question : combien ça fait en euros ? J'ai d'abord créé un raccourci Apple, « Yuans », lancé d'un double-tap au dos de l'iPhone : il demande un montant en yuans et répond « Cela fait environ X euros ».

Le raccourci répondait à la question du moment, pas à celle de fin de mois : aucun historique, aucune vue d'ensemble, rien pour savoir s'il restait de quoi tenir. Money garde le geste et la rapidité, et ajoute ce qui manquait.

Le cadrage est resté le même du début à la fin : une saisie doit prendre moins de temps que d'ouvrir son appli bancaire.

Raccourci « Yuans »
DéclencheurDouble-tap au dos de l'iPhone
DemanderMontant en yuans (CNY)
ConvertirCNY → EUR
↓
« Cela fait environ 11,55 euros »
Le besoin

Trois user stories, un même produit

Avant d'écrire une ligne avec Claude Code, j'ai formulé ce que l'app devait permettre. Chaque fonctionnalité répond à l'une de ces phrases.

Au quotidienEn tant qu'étudiant à l'étranger, je veux saisir une dépense dans la devise locale en quelques secondes, pour savoir tout de suite ce qu'elle me coûte en euros.→ Saisie en 3 champs, conversion au cours du moment, mémoire des enseignes.
En fin de moisEn tant que personne avec un budget serré, je veux voir ce qu'il me restera à la fin du mois, loyer et abonnements compris, pour décider avant de dépenser.→ Solde prévu expliqué, opérations programmées, enveloppes avec alertes.
Pour la comptaEn tant que gérant d'une petite activité, je veux exporter mes opérations avec leurs justificatifs, pour les transmettre sans tout ressaisir.→ Photo ou PDF joint, export Excel débit/crédit avec liens.
Fonctions

Ce que fait Money

Saisie rapide

Montant, enseigne, motif parmi 10 catégories, enregistrer. Date « aujourd'hui », « hier » ou calendrier.

Mémoire des enseignes

Les noms déjà saisis sont proposés en tapant, et choisir une enseigne remplit sa catégorie habituelle.

Multi-devises

Conversion au cours en direct, actualisé toutes les 10 minutes. Chaque opération garde son taux, sa source et son heure : l'historique ne bouge pas.

Solde prévu

Solde réel, solde prévu en fin de mois avec le détail du calcul, dépenses et revenus du mois.

Opérations programmées

Loyer, abonnements, salaire : hebdomadaires, mensuels ou annuels, passés en « réalisé » à l'échéance si on le souhaite.

Enveloppes

Un budget par catégorie, avec une alerte à 80 % et en cas de dépassement.

Analyse

Camemberts animés par catégorie, par mois ou par année, comparés à la période précédente.

Justificatifs et export

Photo de ticket ou PDF joint à l'opération, export Excel avec journal débit/crédit et synthèse par catégorie.

Sans mot de passe

Connexion par clé d'accès (Face ID, Touch ID) et données synchronisées entre appareils.

Écrans

Les cinq écrans clés

Captures de l'app avec ses données de démonstration (badge « DÉMO »), au format iPhone.

Tableau de bord de Money
Tableau de bord et solde prévu
Saisie d'une dépense en yuans
Saisie en yuans, convertie au cours du moment
Analyse des dépenses par catégorie
Analyse annuelle par catégorie
Opérations programmées
Opérations programmées
Enveloppes budgétaires
Enveloppes budgétaires du mois
Démarche

Des choix de produit, puis Claude Code

J'ai mené Money comme un product manager : décider ce qui compte, trancher ce qu'on laisse de côté, vérifier. Claude Code a écrit le code à partir de mes demandes.

  1. Le taux est figé à la saisieUn historique qui change avec le cours n'a aucune valeur pour un budget. Chaque opération garde son taux, sa source et son heure.
  2. Trois sources en cascadeCoinbase en direct, puis ExchangeRate-API, puis la BCE : la saisie ne doit jamais bloquer faute de taux.
  3. Un mode « une seule devise »Pour qui n'est pas à l'étranger, toute la partie conversion disparaît de l'interface.
  4. La banque, mise de côtéLa connexion bancaire a été étudiée avec Enable Banking, puis écartée : trop lourde pour la valeur apportée à ce stade.

Sous le capot

React 18, TypeScript et Vite, graphiques en SVG faits main, sans librairie. Hébergé sur Cloudflare Pages, avec Cloudflare D1 pour les données et KV pour les justificatifs. Cache local pour un affichage instantané, fusion des modifications entre appareils, montants stockés en centimes entiers.

29 tests automatisés couvrent les calculs, les conversions, les opérations programmées, la fusion multi-appareils et l'export Excel.

ReactTypeScriptCloudflare D1WebAuthnVitestClaude Code
Honnêtement

Ce qui est fait, et ce qui reste

SujetOù on en estStatut
Suivi, enveloppes, solde prévuEn ligne, synchronisé entre appareilsFait
Ouverture d'un double-tapVia un raccourci Apple qui lance la web-appFait
Clé d'accès avec Face IDFonctionnelle, pas encore testée sur un iPhone réelÀ tester
Hors ligne completDonnées lisibles hors ligne une fois l'app ouverte ; le premier chargement demande le réseauPartiel
Connexion bancaireÉtudiée, écartée pour l'instantNon prévu
← Retour au portfolio Me contacter