Lucius-Budget, première version en ligne.
Pour me former sur React (Next.js), j’ai eu l’idée de créer un outil qui remplacerait ce que j’utilisais sur Google Sheets pour contrôler mes dépenses. Le but serait:
- d’auto-héberger les données
- de pouvoir ajouter en quelques secondes des entrées « on-the-go » (sur la route, p.ex. indiquer tout achat de nourriture ou ticket de transports depuis un mobile)
- d’avoir un aperçu propre, même en cas de très nombreuses entrées
En date du 4 mars 2026, j’ai donc une première version multi-utilisateur. Le tableau de la page d’accueil affiche les éléments en les regroupant par catégorie. L’étape suivante sera de faire des tableaux mensuels (afficher uniquement les entrées du mois, et diviser par 12 les montants annuels), et d’assurer les questions de sécurité et confidentialité des données avant l’ouverture d’une première version publique.
Démo disponible sur demande uniquement pour les proches ou les collègues. Sinon, parcourez vous-même le code sur GitHub (le repo ne contient aucun fichier .env ni fichier .db, vous devrez les recréer vous-même. Le repo Lucius-Nextjs-CRUD contient des exemples de bases de données.
Les données visibles dans les captures d’écran sont fictives.
Code source – GitHub
- Lucius-Budget (l’application)
- Lucius-Nextjs-CRUD (la base du code)
Galerie
