https://github.com/andriamahay11master/money-mind
Une application de gestion financière. Elle permet de suivre ses finances personnelles en offrant une interface claire et intuitive pour gérer les dépenses, les revenus, et les soldes
https://github.com/andriamahay11master/money-mind
css3 firebase firebase-auth firestore html5 i18next nextjs react-csv scss xlsx
Last synced: 2 months ago
JSON representation
Une application de gestion financière. Elle permet de suivre ses finances personnelles en offrant une interface claire et intuitive pour gérer les dépenses, les revenus, et les soldes
- Host: GitHub
- URL: https://github.com/andriamahay11master/money-mind
- Owner: Andriamahay11master
- Created: 2023-12-07T11:48:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-13T21:28:49.000Z (5 months ago)
- Last Synced: 2025-01-22T20:09:34.146Z (4 months ago)
- Topics: css3, firebase, firebase-auth, firestore, html5, i18next, nextjs, react-csv, scss, xlsx
- Language: TypeScript
- Homepage: https://money-mind-flax.vercel.app/
- Size: 2.73 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Application de Suivi des Dépenses personelles
Cette application de gestion financière, développée avec **Next.js**, **TypeScript**, **HTML**, **SCSS**, et **Firebase**, permet de suivre efficacement ses finances personnelles. Elle offre la possibilité d'ajouter des dépenses, de créer des comptes et des catégories spécifiques, ainsi que de suivre les ventes. L'application intègre également une fonctionnalité d'exportation des données en formats CSV ou Excel.
Le dashboard fournit une vue d'ensemble intuitive des finances, affichant le total des dépenses pour le mois sélectionné, un graphique détaillant les catégories où les dépenses sont les plus élevées, ainsi qu'un aperçu des dernières transactions.
## Fonctionnalités principales
- **Suivi des ventes :** Visualisez le nombre d'articles vendus, non vendus, les bénéfices, et les montants des ventes par mois pour une année donnée.
- **Ajout d'articles :** Ajoutez facilement de nouveaux articles à vendre, avec gestion des quantités et des tailles.
- **Filtres avancés :** Filtrez les articles par état (vendu ou non vendu), par mois et année.
- **Export de données :** Exportez les listes d'articles et les rapports de ventes en fichiers CSV ou Excel.
- **Interface utilisateur réactive :** Design adapté pour les appareils mobiles et de bureau, avec un style moderne.
## Technologies utilisées
- **Next JS & TypeScript :** Pour une architecture modulaire et un typage strict.
- **SCSS :** Pour une gestion avancée des styles avec un design réactif.
- **Firebase Firestore :** Base de données utilisée pour stocker et gérer les articles et les ventes.
- **i18next :** Pour la gestion des langues.
## Installation et démarrage
1. Clonez le dépôt :
```bash
git clone https://github.com/Andriamahay11master/money-mind.git
cd MoneyMind
```
2. Installez les dépendances :
```bash
npm install
```
3. Lancez l'application en mode développement :
```bash
npm run dev
```
4. Accédez à l'application sur `http://localhost:3000`.
## Structure du projet
- **src/** : Contient le code source de l'application.
- **components/** : Composants réutilisables tels que les formulaires, alertes, tableaux, loader, breadcrumbs,etc.
- **app/** : Pages principales de l'application et configuration firebase.
- **assets/** : Fichiers SCSS pour la gestion des styles globaux et des composants.
- **models/** : Pour le typage des données.
- **data/** : Pour les données statiques utilisés par l'application.
## Commandes utiles
- **`npm run dev`** : Démarre l'application en mode développement.
- **`npm run build`** : Génère un build de production.
- **`npm run lint`** : Vérifie et corrige le code avec ESLint.
## Contribution
Les contributions sont les bienvenues. Si vous souhaitez contribuer, ouvrez un problème ou une pull request.