Argent Bank

icône

Le dixième projet de la formation OpenClassrooms consistait à développer la phase 1 d’une application bancaire pour Argent Bank, centrée sur l’authentification et la gestion du profil utilisateur. L’application web devait être créée avec React et Redux pour la gestion du state, et respecter le design responsive fourni. Le projet s’inscrivait dans un contexte professionnel réel, avec des API déjà fournies par l’équipe back-end et une documentation Swagger complète.

Argent Bank

Objectif

Il s'agissait de mettre en place un système complet d’authentification pour les utilisateurs de la banque, permettant de sécuriser l’accès aux informations personnelles et de gérer la mise à jour du profil. Il s’agissait également de garantir une expérience utilisateur fluide et sécurisée, de structurer le code front-end avec React et Redux de manière maintenable et de préparer la phase suivante concernant les transactions en proposant une architecture d’API conforme aux standards Swagger.

ReacticôneReduxicôneTailwindicôneSwagger

Fonctionnalités

icôneSystème de connexion et déconnexion sécurisée, permettant d’accéder aux informations du profil uniquement après authentification
icôneGestion du profil utilisateur, avec possibilité de modifier les informations personnelles et de sauvegarder les changements dans la base de données
icôneIntégration avec Redux pour gérer le state global de l’application
icôneDocumentation des API proposées pour la phase 2, avec définition des endpoints, méthodes HTTP, paramètres et réponses, exportée au format YAML

Défis techniques

icôneMise en place d’une architecture front-end solide avec React et Redux, en assurant la bonne synchronisation entre state et composants
icôneGestion sécurisée des données sensibles des utilisateurs et des sessions
icôneConception d’une API transactionnelle claire et standardisée pour la phase suivante, en suivant les bonnes pratiques Swagger
Github

Autres projets OpenClassrooms

icône

Plus de projets

icône
Tous les projets