Modèle Coinpath : une application de budget à réécrire
Modèle Coinpath : une application de budget à réécrire
Coinpath fait partie des 25 modèles prêts à l'emploi de Zugo : une application de budget personnel avec trois écrans réels, une page de présentation, une page de connexion et un tableau de bord qui porte les transactions, les catégories et la tendance du mois. Le clonage ne coûte aucun crédit.
Voici ce que le fichier contient vraiment, les changements qu'il encaisse sans se casser, ce qu'il faut encore brancher soi-même, et le moment où il cesse honnêtement d'être le bon point de départ.
Que contient le modèle Coinpath ?
Coinpath appartient à la catégorie applications et non à la catégorie pages de vente, ce qui veut dire qu'il porte un état et pas seulement du texte. Le fichier contient trois écrans entre lesquels le projet navigue tout seul, et cette forme à trois écrans est commune à tous les modèles hors jeux.
| Écran | Ce qu'il porte | Ce que l'on change en premier |
|---|---|---|
| Page de présentation | La promesse du produit, une carte revenus et dépenses, des barres par catégorie, les boutons d'inscription | Le nom, la promesse, les chiffres de l'aperçu |
| Connexion | Formulaire e-mail et mot de passe, bouton Google, lien de récupération | Les textes et le logo, puis une vraie connexion |
| Tableau de bord | Salutation par prénom, reste du mois, ligne d'ajout de transaction, répartition par catégorie, comparaison d'un mois sur l'autre | Les catégories, la devise, les blocs conservés |
La liste des mouvements dispose d'un filtre à trois positions : tout, entrées, sorties. Les catégories de démonstration sont domestiques (logement, courses, restaurant, transport, factures, santé, loisirs, salaire, indépendant et divers), et l'état vide est traité, ce qui compte plus qu'il n'y paraît : c'est le premier écran que rencontre un nouvel utilisateur.
Un détail mérite d'être connu avant la première modification. Dans la barre latérale, les entrées consacrées aux tendances et aux objectifs d'épargne sont décoratives dans la démonstration. Le tableau de bord est un écran, pas cinq. Si vous les voulez en vraies pages, demandez-les et elles seront construites.
À qui Coinpath convient-il vraiment ?
Le cas évident est le suivi d'argent personnel : budget mensuel, revue de dépenses, épargne pour un objectif, audit des abonnements. Le solde en haut, les mouvements en dessous, la répartition à côté couvre les quatre sans rien déplacer.
Le deuxième cas est l'outil interne léger. Dépenses d'un projet, plafond d'un service, notes de frais à rapprocher. Les écrans restent identiques, seuls les libellés et le propriétaire des données changent, ce qui relève de la modification et non de la reconstruction.
Le troisième est moins attendu. Coinpath sert de cadre à toute application qui a un compteur unique et une liste d'événements qui l'alimente : calories, kilomètres, heures facturables. La mécanique ne bouge pas, seule l'unité change. Si votre cas ressemble plutôt à fait ou pas fait, le modèle Continuum traite les habitudes et les séries.
Là où il ne convient pas : la comptabilité en partie double, les obligations fiscales et les droits multi-utilisateurs. C'est une autre classe de produit, et étirer ce modèle jusque-là coûte plus cher que décrire le vôtre.
En quoi un modèle diffère-t-il d'une page blanche ?
La différence n'est pas la qualité du résultat, c'est le point de départ. Une description donne un projet raisonné à partir de vos phrases. Un modèle donne un projet raisonné à l'avance, et vous le voyez en entier avant de dépenser un seul crédit.
Deux conséquences pratiques. La première : le pari structurel disparaît. Dans Coinpath, il est déjà tranché que le solde du mois se place au-dessus de la liste et que la répartition arrive après, et vous pouvez ouvrir cette décision au lieu de l'imaginer.
La seconde tient au coût d'un premier essai raté. Une construction depuis une description coûte 6 crédits, et si la version une manque sa cible, la version deux coûte encore 6. Le clone ne coûte rien : se tromper de modèle est gratuit, vous en essayez un autre.
L'échange existe dans l'autre sens. Si votre cas est loin des recettes et des dépenses, adapter revient plus cher que décrire, parce que vous payez pour retirer les décisions d'un autre en plus d'ajouter les vôtres. Règle simple : si à la troisième modification vous arrachez encore l'idée d'origine, repartez de zéro.
Comment adapter Coinpath à votre cas ?
Le rythme habituel du dialogue s'applique : une phrase, un objectif clair. Les petits pas arrivent plus vite et moins cher qu'une demande gigantesque, et vous voyez où chaque crédit est parti.
- Changez d'abord le domaine : « renomme en Kilometro, compte des kilomètres au lieu d'argent, remplace les catégories par course, vélo et marche ». Une seule modification touche la page de présentation et le tableau de bord ensemble.
- Fixez les catégories et la devise : « garde quatre catégories, loyer, alimentation, transport et divers, et affiche les montants en euros ». Les catégories sont ce qui s'écarte le plus vite de la vraie vie d'un utilisateur.
- Retirez ce qui ne sert pas : « enlève la comparaison mensuelle et montre plutôt mes cinq plus grosses dépenses ». Rien dans le modèle ne résiste à une suppression.
- Travaillez l'état vide : « quand il n'y a aucune transaction, affiche un conseil avec un exemple de première saisie ». Modification bon marché, effet important sur la première impression.
- Publiez sur votre adresse en
.zugo.runet ouvrez le projet sur un téléphone. Un écran d'argent se consulte au téléphone bien plus souvent que sur un ordinateur.
Regardez le résultat après chaque modification plutôt qu'en une seule fois à la fin. Avant de vous parvenir, chaque construction est ouverte dans un bac à sable : une version cassée est signalée comme échec au lieu d'atterrir dans votre projet. La mécanique générale est décrite dans modifier un projet après la génération.
Combien coûte l'adaptation en crédits ?
Cloner le modèle ne consomme rien : la page est copiée dans votre projet sans appeler le modèle de génération. La facturation démarre à la première modification.
| Action sur Zugo | Crédits | Remarque |
|---|---|---|
| Cloner le modèle dans un projet | aucun | Copie d'une page finie, sans IA |
| Une modification dans le dialogue | 3 | Textes, catégories, blocs conservés |
| Reconstruction complète | 6 | Quand refaire vaut mieux que corriger |
| Plateforme multipage, trois premières pages | 12 | Si Coinpath devient un produit à sections |
| Chaque page au-delà des trois premières | 3 | Une section supplémentaire |
| Modification en mode Hi-Fi | 6 | Le mode coûte le double |
| Construction en mode Hi-Fi | 12 | Même facteur |
Le plan gratuit donne 5 crédits, de quoi couvrir le clone et une modification. Pro coûte $25 par mois pour 200 crédits, soit environ 66 modifications ou 33 constructions. Business coûte $99 par mois pour 800 crédits. Pour planifier : rendre un modèle vraiment vôtre demande en général entre cinq et quinze modifications.
Que faut-il brancher pour que le budget devienne réel ?
Le modèle est une interface avec des données de démonstration. Les saisies survivent à un rechargement dans le navigateur, mais elles ne sont pas encore rattachées à un compte, et c'est là toute la différence entre une démonstration et un produit.
Supabase couvre les deux moitiés : des tables pour les transactions, une connexion par e-mail, et le stockage de fichiers si vous voulez un jour attacher des justificatifs. Demandez-le comme modification à part : « connecte Supabase, stocke les transactions dans une table, et n'affiche que les lignes de l'utilisateur connecté ». La dernière proposition est la partie importante de la phrase.
Ensuite, selon les besoins : Stripe si l'application est payante, Resend si un récapitulatif mensuel part par e-mail, Google Analytics pour savoir sur quel écran les nouveaux venus s'arrêtent. L'export GitHub vous rend un vrai dépôt, donc le code n'est jamais prisonnier.
L'ordre compte. Base de données et connexion d'abord, le reste après. L'inverse revient souvent à mesurer un comportement sur des données qui vont disparaître. La version longue est dans l'IA peut-elle créer une app avec base de données.
Qu'est-ce que Coinpath ne fait pas ?
Trois limites honnêtes, mieux vaut les connaître avant qu'après.
Il n'y a pas de connexion bancaire. Les mouvements se saisissent à la main, et la ligne marketing qui promet de ne jamais demander vos accès bancaires décrit la démonstration, pas une fonction cachée. Importer des relevés automatiquement suppose une intégration avec un fournisseur extérieur, et cela se construit à part.
Les chiffres de démonstration sont décoratifs. Le nom, le mois et les montants existent pour montrer l'écran. Tant qu'aucune base n'est branchée, l'application a l'air de fonctionner mais ne retient que ce qu'un navigateur retient.
La logique financière sérieuse arrive par modifications, pas par une demande unique. Paiements récurrents, report d'un solde d'un mois sur l'autre, plafonds par catégorie avec alertes : chacun est une conversation. Zugo ne remplace pas une équipe de développement sur un produit complexe, et manier l'argent des autres devient vite un produit complexe.
Rien de tout cela n'est une raison d'éviter le modèle. C'est une raison de savoir où il s'arrête : comme outil personnel et comme suivi interne, il couvre tout le travail.
Par où commencer ?
Ouvrez la galerie, trouvez Coinpath dans les applications et lancez l'aperçu. Le clone étant gratuit, parcourir les écrans ne coûte rien, alors faites-le avant d'écrire votre première demande. Faites porter cette première modification sur le sujet plutôt que sur les couleurs, sinon vous paierez deux fois pour les deux.
Avancez ensuite par petits pas : une modification, un coup d'oeil, une décision sur la suite. La dépense reste lisible et le projet ne part pas dans une direction dont il faut le ramener.
Vous pouvez reprendre le modèle et commencer à le réécrire sur zugo.dev. Les crédits gratuits suffisent à obtenir une première version reconnaissable, et le projet publié reçoit une adresse que vous pouvez déjà montrer.