Projet Budget Buddy

BUDGET BUDDY

Budget Buddy est une application web de gestion de finances personnelles développée avec React.js. Cette application permet aux utilisateurs de suivre leurs dépenses, de créer des budgets et de visualiser leurs habitudes financières à travers des graphiques interactifs.

HTML5 CSS3 JavaScript React.js State Management LocalStorage

DÉTAILS DU PROJET

Objectif

L'objectif était de créer une application moderne de gestion financière avec React.js, offrant une expérience utilisateur fluide et intuitive. L'application devait permettre aux utilisateurs de suivre leurs dépenses, de les catégoriser et d'analyser leurs habitudes de consommation à travers des visualisations graphiques.

Technologies utilisées

J'ai utilisé React.js comme framework principal pour développer l'application, avec des composants fonctionnels et des hooks pour la gestion de l'état. J'ai intégré des bibliothèques comme Chart.js pour les visualisations de données et utilisé CSS modules pour le style des composants. L'application utilise également le stockage local pour persister les données entre les sessions.

Défis et solutions

Le principal défi était de créer une architecture React performante avec une gestion d'état efficace pour manipuler les données financières et leurs relations. J'ai implémenté un système de contexte React pour gérer l'état global de l'application, avec des reducers pour traiter les différentes actions. J'ai également optimisé les performances en utilisant la mémoïsation pour éviter les re-rendus inutiles des composants.