BetterTripWallet
J’ai créé ce projet dans le cadre de ma 4e année à l’international.
Le but de cette application est de permettre de gérer mes dépenses avec un titre, une catégorie, un moyen de paiement et le taux de change.
J'ai décidé de créer ma propre application plutôt que d'en utiliser une existante pour qu'elle corresponde exactement à mes besoins et à ma façon de gérer mes dépenses.
J’ai codé ce projet en React Native, il est donc compatible avec Android et IOS.
J'ai réalisé ce projet seul, de la conception à la réalisation, en passant par le design et le développement.
Fonctionnalités
Page d’accueil
Une visualisation en temps réel du solde restant, calculé à partir du solde et des transactions enregistrées jusqu’à la date de fin définie par le filtre.
Un graphique circulaire intuitif offre une visualisation claire des dépenses.
En maintenant une pression sur le graphique, l'utilisateur peut basculer entre deux vues : la répartition par catégories et la répartition par moyens de paiement.
Les pourcentages affichés permettent d'identifier rapidement les principaux postes de dépenses.
Le système de filtrage permet d'affiner l'analyse des dépenses selon la date, la catégorie et le moyen de paiement, offrant ainsi une vue personnalisée des données financières.
Liste des transactions
La liste des transactions permet aux utilisateurs de visualiser et gérer toutes leurs dépenses de manière détaillée.
Chaque transaction affiche les informations essentielles telles que le montant, la date, la catégorie et le moyen de paiement utilisé.
L'ajout d'une nouvelle transaction se fait de manière intuitive. Les utilisateurs peuvent spécifier :
- Un nom court et descriptif pour identifier rapidement la transaction
- Le montant de la transaction, qui peut être saisi soit dans la devise source, soit dans la devise de destination en basculant entre les deux options en haut du menu
- La devise source (devise dans laquelle la dépense a été effectuée)
- La devise de destination (devise dans laquelle on souhaite convertir)
- Le taux de change, toujours affiché sous le format "1 [devise source] = X [devise destination]"
- L'attribution d'une catégorie pour le suivi des dépenses
- Le moyen de paiement utilisée
- La date de la transaction
Cette interface permet une saisie rapide et flexible des transactions, offrant la liberté de saisir le montant dans la devise de son choix tout en maintenant une conversion précise.
L'interface intuitive permet une gestion efficace des transactions grâce à des gestes simples : un glissement vers la droite permet de dupliquer une transaction, tandis qu'un glissement vers la gauche permet de la supprimer.
Cette approche gestuelle rend la manipulation des données rapide et naturelle.
La fonction de duplication est particulièrement utile pour les dépenses récurrentes, créant automatiquement une nouvelle entrée avec la date actuelle et conservant le dernier taux de change utilisé.
Cela permet aux utilisateurs de gagner du temps lors de la saisie de transactions similaires.
Menu complémentaire de navigation
Accessible en cliquant sur l’icône à trois points en bas à droite de la barre de navigation, ce menu permet de regrouper les pages secondaires afin de ne pas surcharger la navigation principale.
Il donne accès aux Catégories, aux Méthodes de paiement, aux Transactions récurrentes, au Solde ainsi qu’aux Paramètres.
Gestion des catégories
La page de gestion des catégories permet aux utilisateurs de créer et modifier leurs catégories de dépenses de manière personnalisée.
Chaque catégorie peut être personnalisée avec un nom unique et une couleur distinctive, facilitant la visualisation et l'organisation des dépenses.
Les utilisateurs peuvent créer autant de catégories qu'ils le souhaitent pour refléter leurs besoins spécifiques, que ce soit pour les dépenses quotidiennes comme l'alimentation et les transports, ou pour des catégories plus spécifiques comme les loisirs ou les investissements.
L'interface intuitive permet une gestion efficace des catégories grâce à une approche gestuelle simple et naturelle.
Les flèches sur la droite des catégories permettent de les réorganiser, permettant de changer la catégorie appliquée par défaut lors de la création d’une transaction.
Pour modifier une catégorie, les utilisateurs peuvent simplement effectuer un glissement vers la droite, ce qui révèle l'option de modification permettant d'ajuster le nom ou la couleur de la catégorie.
La suppression d'une catégorie est tout aussi intuitive : un glissement vers la gauche fait apparaître l'option de suppression, avec une confirmation pour éviter les suppressions accidentelles.
Ces gestes naturels rendent la gestion des catégories rapide et efficace, tout en maintenant un niveau de sécurité approprié pour les actions importantes.
Gestion des moyens de paiement
La page de gestion des moyens de paiement permet d'ajouter, modifier et supprimer des moyens de paiement.
Pour chaque mode, il est possible de définir un nom et une couleur.
Les moyens de paiement peuvent être glissées vers la droite pour les modifier ou vers la gauche pour les supprimer, offrant une interaction intuitive et rapide.
Cette fonctionnalité est essentielle pour les utilisateurs qui gèrent plusieurs comptes ou cartes, permettant un suivi précis des dépenses par moyen de paiement.
Les flèches sur la droite des méthodes de paiement permettent de les réorganiser, permettant de changer la méthode de paiement appliqué par défaut lors de la création d’une transaction.
Gestion des transactions récurrentes
Cette fonctionnalité permet de gérer facilement toutes les dépenses mensuelles récurrentes, comme les abonnements, loyers ou factures. Chaque transaction est configurée une seule fois, puis automatiquement ajoutée chaque mois, avec le montant et la date définis.
L’utilisateur peut modifier ou supprimer une transaction récurrente à tout moment. Cela permet de garder un suivi précis des charges fixes sans avoir à les recréer manuellement à chaque période, rendant la gestion budgétaire plus fluide et moins chronophage.
Gestion du solde
La section “Solde” permet d’enregistrer toutes les entrées d’argent, qu’il s’agisse d’un salaire, d’une bourse, ou de tout autre revenu. Ces données sont ensuite utilisées pour calculer automatiquement le solde affiché sur la page d’accueil, en tenant compte à la fois des revenus enregistrés et des transactions effectuées.
Grâce à ce système, l’utilisateur obtient en temps réel une vision claire de son budget disponible, avec la possibilité de suivre l’impact des dépenses et des rentrées d’argent sur son solde global. Cela facilite grandement la planification et le contrôle de ses finances au quotidien.
Paramètres
La page des paramètres offre une expérience utilisateur personnalisable et complète avec les fonctionnalités suivantes :
- Personnalisation de l'interface avec choix entre thème clair, sombre ou automatique (synchronisé avec les préférences système)
- Options de sécurité avec confirmations configurables pour la suppression des transactions, catégories et méthodes de paiement
- Gestion des données avec possibilité d'export et d'import au format JSON, facilitant la sauvegarde et le transfert entre appareils
- Gestion avancée des transactions récurrentes
Ce paramètre permet de choisir la manière dont les transactions récurrentes sont générées :
- Option désactivée : les transactions ne sont créées qu’une fois leur date passée. Par exemple, un abonnement prévu le 8 du mois ne sera généré qu’à partir de cette date.
- Option activée : toutes les transactions du mois en cours sont générées dès l’ouverture de l’application, même si leur date n’est pas encore atteinte (un abonnement du 8 du mois sera donc déjà visible dès le 1er du mois). - Possibilité d’appliquer un filtre pour le mois actuel de manière automatique
- Personnalisation de l'expérience utilisateur avec choix du style de calendrier pour la sélection des dates
- Configuration précise des calculs financiers avec options d'arrondis pour les conversions de devises
- Gestion complète des devises avec sélection des monnaies utilisées
Ces paramètres ont été conçus pour offrir une expérience sur mesure tout en maintenant la simplicité d'utilisation de l'application.
