Espace Client SNCF Réseaux

Par Tahina Ramanohisoa
Photo de Tahina Dev
Published on
Durée
1 an et 5 mois
Poste
Développeur React Senior
Equipe
~20 personnes
Technologie
React.js
Coffre digital pro.reseau.sncf.fr
Coffre digital pro.reseau.sncf.fr
Détails d'une réclamation pro.reseau.sncf.fr
Détails d'une réclamation pro.reseau.sncf.fr
Page de recherche pro.reseau.sncf.fr
Page de recherche pro.reseau.sncf.fr

Contexte

Dans le cadre de l'ouverture à la concurrence, la direction de SNCF réseaux mets à la disposition de transporteurs tels qu'Eurostar et Trenitalia son portail commercial.

Environnement

Je rejoins une équipe Scrum composée de :

  • 1 Delivery Manager
  • 2 Product Owners métier, 2 Product Owners technique
  • 4 développeurs front, 4 développeurs back
  • 2 Designers UI/UX
  • 1 Quality Assurance Analyst
  • 4 Support Ops

Challenges et solutions

  • Redux étant devenu obsolète, je propose d'utiliser Redux Toolkit et de faire la mise à niveau nécessaire.
  • L'équipe Design possède une vaste étendue de composants UI. En plus de la stack Bootstrap CSS et Tailwind CSS, je propose d'utiliser Tailwind au maximum avec DaisyUI, Headless UI, Tailwind Variants pour être pixel-perfect et accessible.
  • Les tableaux de données des espaces réclamation et GED permettent à l'utilisateur de trier et de filtrer des milliers de lignes. J'utilise les librairies Tanstack : React Query, React Table pour implémenter ces fonctionnalités
  • Les formulaires d'habilitations permettent à l'utilisateur d'ajouter et de retirer des champs de saisie pour une meilleure efficacité. J'utilise React Hook Form pour gérer les formulaires découpées en plusieurs étapes et les formulaires dynamiques.

Résultats

  • Renforcement de la sécurité et meilleure accessibilité suite aux plusieurs audits effectués
  • Mises en place de nouveaux espaces sur le site, notament :
    • espace réclamation
    • GED de factures et avoirs
    • moteur de recherche interne
    • formulaires d'habilitation
    • catalogue de services et formations
  • Vers un Time-To-Market réduit avec la migration de Jenkins et Apache vers Gitlab CI et Fargate
  • Refonte graphique du site