Wumbi
Mon application de budget. Tu tapes le montant, une pression, et la dépense est enregistrée. Elle sort bientôt sur iPhone et Android.
( En cours )
( 01 )Le problème
J’ai installé puis supprimé plus d’applis de budget que je ne voudrais l’avouer, et ça finissait toujours pareil. Je notais tout pendant une semaine, j’oubliais un jour, et je ne rouvrais plus jamais l’appli. Toutes me demandaient une catégorie, un compte et une confirmation avant de pouvoir noter un café, et certaines voulaient mes identifiants bancaires dès le premier écran. Alors j’ai commencé à construire l’appli de budget que j’utiliserais vraiment.
( 02 )Ce que j’ai fait
Produit et design
- Je me suis fixé une seule règle. Noter une dépense doit prendre environ trois secondes, de l’ouverture de l’appli jusqu’à l’enregistrement.
- L’application tient en cinq écrans. Le choix du portefeuille, de la devise, de la date ou de la répétition se fait dans une feuille en bas de l’écran, donc on ne se perd jamais.
- Il n’y a aucune catégorie. Tu écris #café ou #voyage dans la description et le tag existe à partir de ce moment.
- J’ai conçu les écrans et le design system moi-même, et j’ai donné à l’appli une petite mascotte qui passe la tête depuis le bord de l’écran. On peut la masquer dans les réglages si elle agace.
L’application
- Flutter avec Riverpod et les hooks, auto_route pour la navigation, et chaque fonctionnalité découpée en couches data et UI.
- Les données vivent dans une base SQLCipher sur le téléphone, chiffrée en AES-256, avec la clé dans le stockage sécurisé. La version gratuite n’a besoin ni de compte ni de serveur.
- Un pavé numérique sur mesure avec un retour haptique dès que le doigt touche la touche. Revenu et Dépense s’enregistrent en une pression, les champs se vident et l’écran reste ouvert pour la suivante.
- 64 devises dont Bitcoin, Ethereum et USDT avec 8 décimales. Chaque portefeuille a sa devise et le total est converti dans celle avec laquelle tu réfléchis.
- Les paiements qui se répètent deviennent des abonnements qu’on peut suspendre ou arrêter, et quand on rouvre l’appli après quelques jours, elle rattrape tout ce qui était dû.
- Une carte des tags où chaque tag est une bulle dont la taille dépend de l’argent passé par là, plus des graphiques pour les revenus, les dépenses et les dépenses par tag.
- Sept langues, dont l’arabe avec une mise en page entièrement de droite à gauche.
Le site
- J’ai construit wumbi.app en site statique dans les mêmes sept langues. Les téléphones affichés sur la page sont interactifs et reprennent les vrais textes de l’appli, avec une liste d’attente pour le jour du lancement et un modèle de budget gratuit qui attire du monde depuis les moteurs de recherche.
( 03 )Écrans
( 04 )Les difficultés
- Des montants qui restent justes. On peut saisir un montant en euros et payer depuis un portefeuille en dollars. Je garde les deux chiffres et le taux du jour, donc le mois dernier ne change pas quand les taux bougent. Les taux sont gardés 12 heures en cache, l’appli fonctionne même dans un avion.
- Trois secondes, c’est plus dur qu’il n’y paraît. J’ai dû compter chaque pression. Le bouton Enregistrer a disparu, l’écran de confirmation aussi, le choix de catégorie aussi.
- Gratuit aujourd’hui, synchronisé demain. La base utilise déjà des UUID, la suppression logique et des horodatages, donc la sauvegarde et la connexion bancaire pourront arriver avec le premium sans réécrire la couche de données.


( 05 )Le résultat
La première version de l’application est construite et le site est en ligne avec une liste d’attente. Je peaufine les derniers détails avant la sortie sur l’App Store et Google Play. C’est aussi l’exemple le plus clair de ma façon de travailler, une seule personne qui porte un produit du premier croquis jusqu’à la fiche sur les stores.
( 06 )Stack
- Flutter
- Dart
- Riverpod
- SQLCipher
- React
- GSAP
Vous voulez la même chose pour votre produit ? Parlons-en 30 minutes.