← Retour aux projetsJanuary 2022 - June 2022
Application bancaire & gestion de cartes
JavaScriptReactReduxNode.jsMaterial UIAxios
Présentation
L’application permettait aux clients de la banque d’ajouter des cartes, de passer de l’une à l’autre par gestes de balayage et de consulter l’historique avec recherche, filtres et pagination. Dans une équipe pluridisciplinaire de cinq personnes, j’ai travaillé sur le frontend React et une partie de la logique backend Node.js. Mes tâches couvraient les composants modulaires, l’authentification JWT, les routes protégées et les parcours de gestion des cartes.
Responsabilités principales
- ▹Création de composants React modulaires pour ajouter des cartes, naviguer par balayage et masquer les numéros sensibles dans l’interface (•••• 4321)
- ▹Gestion de l’état des cartes, de l’authentification JWT, de la recherche, des filtres et de la pagination des transactions avec Redux
- ▹Connexion du frontend React aux API backend avec Axios, ajout des jetons JWT bearer aux requêtes protégées et masquage des informations sensibles
- ▹Contribution à la logique serveur Node.js pour récupérer les transactions, valider les JWT et formater les statuts des cartes
- ▹Création d’interfaces bancaires responsives avec Material UI pour ordinateur et mobile
Résultats
Livraison de l’expérience centrale de gestion des cartes et transactions avec navigation tactile, données masquées, recherche, filtres par catégorie et pagination
Création de composants réutilisables maintenant des parcours cohérents sur différentes tailles d’écran