Gestionnaire de dépenses & courses

Permettre à un utilisateur de suivre facilement ses dépenses personnelles ou familiales sans créer de compte ni dépendre d’une base de données en ligne.

🔧 Technologies utilisées

• React avec Vite pour un rendu ultra-rapide

• TailwindCSS pour un design responsive et moderne

🌍 Public cible

• Adultes souhaitant mieux gérer leur budget
• Familles qui partagent un appareil
• Étudiants ou jeunes travailleurs

🔄 Fonctionnalités principales

📌 Enregistrement de dépense

• Saisie manuelle d’une dépense :

  • Montant

  • Catégorie (ex : Alimentation, Transport, Loisir…)

  • Date (automatique ou choisie)

  • Description facultative

📄 Affichage de l’historique

• Liste des dépenses triées par date (la plus récente en premier)

• Affichage des montants et catégories

📊 Total des dépenses

• Affichage du total général dépensé

• Possibilité de voir le total par jour / semaine / mois (optionnel)

💾 Stockage local

• Toutes les données sont stockées en localStorage 

• Pas de compte utilisateur requis

🔍 Filtrage

• Par catégorie (Alimentation, Transport, etc.)

• Par période (aujourd’hui, cette semaine, ce mois, personnalisé)

Fonctionnalités secondaires 

• Suppression ou modification d’une dépense

• Export (json ou pdf) du tableau de dépenses

• Mode sombre

• Ajouter un article

  • Saisie du nom de l’article

  • Quantité (optionnelle)

  • Catégorie (ex : fruits, légumes, produits laitiers, etc.) (optionnelle)

• Afficher la liste des articles

  • Voir tous les articles ajoutés

  • Afficher nom, quantité, catégorie

• Marquer un article comme acheté

  • Bouton pour cocher/décocher un article acheté

  • Affichage différencié (ex : barré ou grisé)

• Modifier un article

  • Changer le nom, la quantité ou la catégorie

• Supprimer un article

  • Retirer un article de la liste

• Enregistrer la liste localement

  • Stockage dans le localStorage pour conserver la liste entre sessions

• Réinitialiser / vider la liste

  • Bouton pour supprimer tous les articles en un clic