Application web

Mon portefeuille

Projet personnel

Résumé

Mon portefeuille est une application web de gestion des dépenses. Elle permet à l'utilisateur de consigner toutes ses entrées et sorties d'argent afin d'obtenir une vue d'ensemble de ses finances. Grâce aux différentes statistiques et graphiques proposés, il peut suivre et analyser ses transactions. Les données de transaction sont stockées pour être consultées ultérieurement

Tableau de bord

Technologies utilisées

Pour ce projet, j'ai utilisé Vue.js pour la partie frontend, ce qui m'a offert plusieurs avantages. Vue.js propose des composants qui permettent de créer un code réutilisable et offre un store pour centraliser la gestion des données. Pour le backend, j'ai opté pour Express, ce qui me permet de contrôler chaque aspect de mon application, y compris la gestion des utilisateurs et de leurs données.

Gestion des utilisateur

L'application utilise un système de connexion avec l'authentification JWT (JSON Web Tokens) sur une base de données MongoDB. Chaque action est vérifiée par le serveur pour garantir que l'utilisateur est authentifié et n'accède qu'à ses propres données.

Connexion d'un utilisateur

Action sur les données

Les utilisateurs ont la possibilité de consulter, ajouter, mettre à jour et supprimer des transactions ainsi que des catégories. Chaque utilisateur peut personnaliser ses propres catégories pour créer un tableau de bord entièrement adapté à sa situation financière.

Modification d'une transaction et suppression