Bpartners / Birdia Web

Développer un dashboard bancaire métier pour une deepTech française

Bpartners (aujourd'hui Birdia) développe des solutions destinées à accompagner les établissements financiers dans la digitalisation de leurs processus métier.

Dans le cadre de mon poste chez Numer (Paris), j'ai participé au développement d'un dashboard bancaire utilisé quotidiennement par les équipes métiers. Le projet couvrait l'ensemble du cycle de développement, depuis l'intégration des interfaces jusqu'au déploiement en production.

---

Le contexte

Le dashboard constitue un outil métier central permettant aux utilisateurs de gérer des opérations bancaires, de consulter des données stratégiques et d'interagir avec différents processus métiers.

Le projet devait répondre à plusieurs exigences :

• offrir une interface performante malgré un volume important de données ;
• garantir une excellente fiabilité en production ;
• accompagner les évolutions fonctionnelles du produit ;
• maintenir un haut niveau de qualité logicielle ;
• faciliter la maintenance et les développements futurs.

---

Les défis

1. Développer une application métier complexe

Le dashboard regroupait de nombreuses fonctionnalités destinées à différents profils utilisateurs.

L'enjeu consistait à construire une interface capable de gérer cette complexité tout en restant intuitive et agréable à utiliser.

---

2. Garantir une qualité logicielle durable

Sur une application utilisée en production, la qualité du code est essentielle.

Chaque évolution devait limiter les risques de régression et respecter des standards élevés de développement afin d'assurer la stabilité du produit sur le long terme.

---

3. Assurer la fiabilité en production

Le projet nécessitait une surveillance continue afin de détecter rapidement les incidents, comprendre leur origine et déployer rapidement les correctifs lorsque cela était nécessaire.

---

Les solutions mises en Å“uvre

Le dashboard a été développé avec React, TypeScript et React Admin Enterprise, dans un environnement orienté qualité et amélioration continue.

1. Développement avec React Admin Enterprise

J'ai participé au développement de nombreuses interfaces métier en utilisant React Admin Enterprise.

Mon travail comprenait notamment :

• l'intégration d'interfaces complexes ;
• le développement de composants React ;
• la création de formulaires métier ;
• la gestion des états de l'application ;
• l'amélioration continue de l'expérience utilisateur.

---

2. Une démarche orientée qualité

Une attention particulière a été portée à la qualité du code grâce à la mise en place et à l'utilisation de plusieurs outils de développement :

• Cypress pour les tests automatisés (tests unitaires et d'intégration) ;
• SonarCloud pour l'analyse de la qualité du code ;
• ESLint et Prettier afin de garantir un code homogène ;
• GitHub Actions pour automatiser les contrôles et les pipelines CI/CD.

Cette démarche permettait de sécuriser les évolutions du projet tout en améliorant la maintenabilité de l'application.

---

3. Suivi des incidents en production

La stabilité de l'application était également assurée grâce à Sentry, utilisé pour :

• surveiller les erreurs en production ;
• analyser les logs d'exécution ;
• identifier rapidement les incidents critiques ;
• faciliter la mise en place des correctifs.

Cette approche contribuait à maintenir un haut niveau de fiabilité pour les utilisateurs finaux.

---

Mon rôle dans le projet (chez Numer)

Au sein de Numer (Paris), j'ai participé activement au développement du dashboard bancaire.

Mes responsabilités comprenaient :

• le développement avec React et TypeScript ;
• l'intégration des interfaces avec React Admin Enterprise ;
• la mise en place de tests automatisés ;
• l'amélioration continue de la qualité du code ;
• l'analyse et la résolution d'incidents en production ;
• la participation au déploiement des nouvelles versions ;
• la collaboration avec les équipes produit et métier dans un environnement Agile.

---

Résultat

Le dashboard constitue aujourd'hui une application métier robuste permettant de gérer des processus bancaires complexes dans un environnement de production exigeant.

Ce projet m'a permis de renforcer mes compétences sur des problématiques de grande envergure : architecture front-end, qualité logicielle, automatisation des tests, observabilité et collaboration au sein d'équipes pluridisciplinaires.

---

Technologies

• React
• TypeScript
• React Admin Enterprise
• Cypress
• SonarCloud
• Sentry
• GitHub Actions
• ESLint
• Prettier