Projet App financière gestion budget REACT

Application interactive de gestion budgétaire avec recommandations IA. Projet Hackathon B2 à l’ECE Paris.

🎯 Objectifs du Projet

✅ Suivi des transactions : Ajouter, consulter et catégoriser les dépenses et recettes.
✅ Visualisation claire : Graphiques interactifs pour analyser l’évolution du budget.
✅ Aide intelligente : Recommandations financières personnalisées via IA.
✅ Expérience utilisateur fluide : Tableau de bord moderne et navigation intuitive.

🚀 Stack Technique

Frontend :
⚛️ React.js (interface dynamique et responsive).
🛤️ React Router (navigation entre sections).
📊 Recharts (visualisation graphique des données).
🎨 CSS (design sobre et ergonomique).

Backend (prévu) :
🟢 Node.js + Express (API REST).
🗃️ PostgreSQL ou MongoDB (stockage transactions & budgets).

Outils :
🛠️ Git + GitLab (collaboration et versioning).
📦 npm (gestion des dépendances).
🐳 Docker + WSL (environnement isolé).
💻 VS Code (IDE principal).

✨ Fonctionnalités Clés

Gestion des Transactions :

• Tableau interactif avec historique.

• Formulaire d’ajout de dépense ou recette.

• Catégorisation automatique et manuelle.

Budgets personnalisés :

• Création par catégorie avec montant et période.

• Suivi en temps réel avec alertes de dépassement.

Tableau de bord global :

• Courbe d’évolution du solde mensuel.

• Camembert de répartition recettes/dépenses.

• Widget "Solde actuel" pour un aperçu rapide.

Chatbot IA (prototype) :

• Analyse des habitudes de dépense.

• Conseils budgétaires simples et personnalisés.

🚧 Défis Relevés

• Gestion du temps : Prioriser les fonctionnalités essentielles en hackathon.

• Courbe d’apprentissage : Maîtrise rapide de Recharts et de la navigation React Router.

• Collaboration : Répartition des rôles et fusion Git sans conflits majeurs.

💡 Leçons Apprises

• Mise en place d’un projet complet en équipe avec méthode agile.

• Importance de la visualisation claire des données pour l’expérience utilisateur.

• Compréhension des bases d’une architecture full-stack moderne (React + API REST + DB).