Cash Tracker - Suivi de Budget

#NextJS#Tailwind#Prismic

samedi 8 février 2025

Introduction

Gérer ses finances peut être complexe, mais avec Cash Tracker, le suivi de vos dépenses et revenus devient intuitif et efficace. Cette application full-stack développée avec Next.js 14 vous permet de visualiser vos transactions et d'optimiser votre budget en toute simplicité.

screen shot cash traker

Fonctionnalités principales ✨

🔹 Gestion des transactions

  • Ajouter, modifier et supprimer des transactions.
  • Organiser vos finances par catégories.
  • Saisie des montants avec prise en charge de plusieurs devises.

📈 Statistiques financières détaillées

  • Graphiques interactifs pour visualiser vos dépenses et revenus.
  • Suivi des tendances financières (mensuelles, annuelles, etc.).
  • Classement des transactions par catégorie.

🎨 Personnalisation et ergonomie

  • Interface utilisateur moderne avec Tailwind CSS et Shadcn UI.
  • Sélecteur d’icônes pour identifier rapidement les catégories de dépenses.
  • Mode sombre et clair pour un meilleur confort visuel.

🔒 Sécurisation et authentification

  • Connexion sécurisée via Clerk.
  • Gestion des rôles et permissions pour protéger les données sensibles.

Stack technique 🛠️

  • Frontend : Next.js 14, Tailwind CSS, Shadcn UI
  • Backend : API Routes Next.js, Server Actions
  • Base de données : Prisma ORM, SQLite / PostgreSQL
  • Gestion d’état : React-Query pour le caching et la synchronisation des données
  • Sécurité : Clerk pour l’authentification
  • Visualisation : Recharts pour afficher les données financières sous forme de graphiques

Conclusion 🎯

Avec Cash Tracker, gérer votre budget n’a jamais été aussi simple et efficace. Que vous soyez un particulier ou un professionnel, cette application vous aidera à mieux comprendre vos habitudes financières et à optimiser vos dépenses. Testez-la dès maintenant et prenez le contrôle de votre budget !