M Zahid

– Développement la solution ShareIN chez Crédit Agricole qui est une solution dédiée aux gestionnaires de caisses régionales de toute la France – Réalisation des nouvelles interfaces selon les maquettes proposées par l'équipe UIX du groupe – Conception et développement des interfaces frontend en Angular (architecture modulaire, RXJS) – S'assurer de la qualité du code en respectant les exigences SONAR – Livraison et déploiement sur les environnements Pré Prod (DEV – UAT – PREPROD) avec Jenkins et ArgoCD – Prise en charge du BFF (Java SpringBoot) – Assistance PO et Equipe Back (API) pour étudier besoins et validation – Couvertures et tests unitaires – Développement et maintenance du BFF en Java Spring Boot (APIs REST, gestion des erreurs, sécurisation, documentation Swagger) – Collaboration étroite avec l'équipe Backend sur la conception et l'évolution de l'architecture microservices – Participation à la création et évolution de microservices métiers (trésorerie, recette, remettant...) – Développement d'APIs permettant le traitement et l'exposition de données issues de bases MySQL – Contribution à la définition des contrats d'API et aux échanges avec les différents providers de données – Mise en place de tests unitaires (Jest) et amélioration de la qualité du code (Sonar) – Participation aux déploiements via Jenkins et ArgoCD sur environnements multi-stages (DEV, UAT, PREPROD) – Contribution à des pratiques orientées RUN / production (gestion des logs, erreurs, stabilité applicative) – Environnement Technique : – Angular: Pour le développement du Frontend ShareIN, Stack utilisée Angular 20, Adoption de l'architecture modulaire, Développement des applications FRONT en utilisant Angular V>2, utilisation de la bibliothèque RXJS pour l'implémentation de la programmation réactive par rapport à tous les événements déclenchés sur le projet. – SPRINGBOOT (JAVA) : Développement des api nécessaires à l'exploitation du frontend ShareIN (BFF), création des endpoints et test sur swagger, interfaçage avec d'autres providers de données, gestion des exceptions et des réponses et des autorisations, mise à jour du Swagger, tests sur Postman / Insomnia – NodeJS: Installation des modules et des packages pré-requis via npm et yarn, configuration du package.json et de l'environnement, utilisation du bower pour la gestion des dépendances, instauration du linter avec eslint – JEST: Ecriture des tests unitaires des différents scénarios possibles

– Participation au Développement d'une nouvelle solution chez Société Générale « SCALEXPERT » qui offre aux clients de la SG de payer en plusieurs fois et en microcrédits – Conception et réalisation des nouvelles interfaces selon les maquettes proposées par l'équipe UIX du groupe – Autant que DEV Senior je jouais le rôle aussi de tech lead en faisant le suivi et les review des livrables des dev – S'assurer de la qualité du code – Livraison et déploiement sur les environnements Pré Prod (DEV – UAT – PREPROD) avec Jenkins et ArgoCD – Prise en charge du BFF (Backend For Frontend) jouant le rôle de middleware entre le frontend ScalExpert et les backends Core et mise en place et exploitation d'API GraphQL au niveau du BFF, permettant : – d'agréger plusieurs sources de données backend – de réduire le nombre d'appels réseau côté frontend, – d'exposer des réponses adaptées aux besoins spécifiques des écrans métiers. – Assistance du Product Owner et de l'équipe Backend (API) pour l'analyse des besoins, la définition des contrats d'API (REST / GraphQL) et la validation fonctionnelle. – Mise en place d'une architecture orientée API Gateway / agrégation de services – Participation à l'industrialisation via pipelines CI/CD (Jenkins / ArgoCD) – Contribution à des architectures scalables et résilientes (stateless, retry, timeout) – Optimisation des performances et réduction de la latence des applications critiques – Environnement Technique : – REACT: Pour le développement du Frontend ScalExpert, Stack utilisée React 18, architecture modulaire, Redux pour la gestion du state, création de composants métiers alignés avec le système de design, utilisation de Redux-Saga pour la gestion des effets asynchrones, consommation des API REST et GraphQL exposées par le BFF, gestion des appels via Axios, authentification via cookies, routage et protection des routes, gestion des formulaires, thématisation, tests unitaires (Jest), tests e2e (Cypress), optimisation des performances (Lazy Loading), système de design basé sur Material Design pour le responsive. – SPRINGBOOT (JAVA) : Développement des api nécessaires à l'exploitation du frontend ScalExpert, création des endpoints et test sur swagger, interfaçage avec d'autres providers de données, gestion des exceptions et des réponses et des autorisations, mise à jour du Swagger, tests sur Postman / Insomnia – NodeJS: Installation des modules et des packages pré-requis via npm et yarn, configuration du package.json et de l'environnement,, mise en place des bonnes pratiques (linting avec ESLint), exposition d'API GraphQL et REST, orchestration des flux de données entre le frontend et les services backend.

– Mission: réalisation d'un nouveau produit ERE360 qui est une application web et mobile (Android / IOS) pour la gestion des comptes des épargnants et de la retraite entreprises; ainsi que le développement du Back-Office de l'application ERE360 – Conception et réalisation des nouvelles interfaces selon les maquettes proposées par l'équipe UI/UX du groupe – Prise en charge complète du développement du projet Back-Office ERE360 qui est l'outil d'administration géré par le service client pour gérer les comptes des épargnants de BNP Paribas – Participation au développement de l'application mobile ERE360 ou les épargnants font une gestion complète de leurs épargnes et opérations. – Assistance PO et Equipe Back (API) pour étudier besoins et validation – Mise en place d'une architecture hautement disponible (Replica Set MongoDB) – Optimisation des performances via indexation avancée et pipelines d'agrégation – Participation à la mise en place de pratiques DevOps (CI/CD, monitoring, logs) – Contribution à des architectures scalables orientées microservices – Environnement Technique : – REACT NATIVE: Pour le développement de l'application mobile, utilisation de REDUX pour la gestion du state de l'application, utilisation des fonctionnal components et de l'Atomic Design pour créer des composants réutilisables sur la lib dédiée, utilisation de REDUX-SAGA comme middleware pour gérer les différents appels API, gestion des actions et dispatch dans le store, utilisation de le la librairie OIDC (OpenID Connect) pour la gestion de l'authentification, création des routes et des stacks via le reactNavigation, utilisation des containers et interfaces (props) pour chaque component, utilisation des ViewStyle pour gérer le css des différents composants, contextualisation de la charte graphique dans un theme. – REACTJS: Pour le développement de l'outil Back-Office ERE360, une application full-Web pour gérer les comptes clients, utilisation du REDUX, OIDC pour gérer la double authentification (identification utilisateur du back-office et clonage d'un compte épargnant sur l'application desktop ERE360) – .NET Core 3: Développement des API nécessaires à l'exploitation du back- office, création des endpoints et test sur swagger, interfaçage avec d'autres providers de données, gestion des exceptions et des réponses et des autorisations. – MongoDB: Mise en place et exploitation de MongoDB pour centraliser les données spécifiques au Back-Office ERE360.MongoDB a été utilisé pour offrir une vision consolidée et rapide des données client destinées au service client, notamment -Stockage des historiques d'interactions clients avec un modèle schema-less optimisé pour les requêtes transverses, collecte et agrégation des statistiques Back-Office (consultations, transactions, alertes, performances), structuration des contrats clients et des événements associés dans des collections indépendantes pour faciliter le reporting et la scalabilité, utilisation intensive des pipelines d'aggregation pour générer des dashboards en temps réel (KPIs, volumes d'opérations, segmentation client...), indexation avancée (TTL, composés) pour améliorer les performances des requêtes complexes et l'archivage automatisé, mise en place d'une stratégie de réplication (Replica Set) pour garantir la haute disponibilité du Back-Office – NodeJS: Installation des modules et des packages pré-requis via npm et yarn, configuration du package.json et de l'environnement, utilisation du bower pour la gestion des dépendances, instauration du linter avec eslint. – GitLab: Outil adopté pour l'intégration continue, suivi du code review – TFS AZURE (Azure): Déploiement et intégration continue des merges commis, activation des pipelines pour passage d'un environnement à un autre, Utilisation aussi pour le suivi journalier (daily) et les différentes cérémonies Scrum (Rétro, Démo, Sprint-Planning, BackLog Refinement). – Swagger: pour consulter le schéma de l'api (RESTFul) et pouvoir tester les end points suivant la documentation – Environnement Fonctionnel : Epargne & Retraite / Agile SCRUM

– Refonte du programme de fidélité Le Club Accor Hôtels pour la nouvelle version ALL (ACCOR LIVE LIMITLESS). – Equipe composée de developpeurs Front, PO, PPO, QA, un chef de projet ainsi qu'un scrum master. – Conception et réalisation des nouvelles interfaces selon les maquettes proposées par l'équipe UIX du groupe – Prise en charge complète du projet de refonte des BURN des points clients depuis leurs cartes de fidélité Accor (Classique, Silver, Gold, Platinum, Diamond et Limitless) – Evolution du programme Partenaires (Nouvelles Fiches Partenaires dynamiques, Par industrie, module recherche rapide de partenaire, gestion des privilèges pour accéder au programme de fidélité des partenaires selon éligibilité du client connecté) – Refonte de la rubrique Assistance (Foire aux questions, help, support) – Assistance PO et Equipe Back (API) pour étudier besoins et validation – Environnement Technique : – VueJS: Migration vers VueJS depuis AngularJS et JS natif, création et intégration des composants Vue, implémentation du VueX pour utiliser le même contexte sur l'application, packaging du projet en utilisant WebPack via VUE-CLI, tests unitaires utilisant Jest, utilisation du Virtual DOM proposé par VUEJS pour avoir un rendu beaucoup plus rapide, du routing pour la navigation, appel de l'api en utilisant Axios. – Bootstrap: Utilisation de la grille et des composants Bootstrap réfactorisés pour en générer nos propres composants. – JQuery, HTML/CSS : + utilisation du préprocesseur SASS pour des feuilles de styles dynamiques – Handlebears (Moteur de templating) – NodeJS: Installation des modules et des packages pré-requis via npm et yarn, configuration du package.json et de l'environnement, utilisation du bower pour la gestion des dépendances, instauration du linter avec eslint. – GitLab: Outil adopté pour l'intégration continue, les merges requests sont à valider par le QA et le Tech Lead. – Jenkins: Intégration continue avec des tests automatiques assurés avec Jenkins et appuyés par les tests effectués par les QA. – Jest: pour les tests unitaires et la détection des bugs indépendamment des autres composants) – Jira: l'outil SCRUM pour le suivi des tickets et des besoins métier – Swagger: pour consulter le schéma de l'api (RESTFul) et pouvoir tester les endpoints suivant la documentation – Environnement Fonctionnel : Refonte programme de fidélité - Hôtellerie.

– Création d'une application Web SIRH (EasyRh). – Conception de la maquette de l'application – Intégration et Développement après validation du concept – Module Réalisés: Accès Responsable RH, Accès Salarié, Accès Responsable, Génération du tableau de bord, Gestion de l'effectif, Gestion de la masse salariale, Gestion de la présence (retards, congés, récupérations, taskforce...), Gestion des formations et du E Learning, Gestion des sanctions, – Génération des documents (Attestations de travail, Certificats, Attestation de salaire...), Gestion de l'organigramme et de la hiérarchie, Génération des Fiches RH pour chaque salarié avec son historique, son palmarès, son plan de carrière.., génération des push automatique et des alertes, module Paramétrages, Module Statistiques, Module Evaluations et Attribution des objectifs quantitatifs et qualitatifs. – Indexation des données Salarié en utilisant ElasticSearch pour une recherche rapide sur le profile d'un salarié sur le moteur de recherche interne de l'application. – Environnement Technique : – REACT: Génération du socle et de l'architecture de l'application, Implémentation des modules pré requis pour l'application, Instauration du contexte du store pour une gestion complète des states en utilisant REDUX – REACT NATIVE: Développement de l'application mobile en utilisant React-Native + REDUX, Thunk comme middleware et atomic design, création des composants et des différentes view, utilisation des Styled Component. – LARAVEL: Création d'API RESTFul reliées à une base de données MySQL via migrations, routes, controllers et middlewares, avec des retours JSON normalisés, consommées directement par le frontend et également par une couche GraphQL pour l'agrégation et l'optimisation des données exposées. – GRAPHQL: Mise en place d'une couche GraphQL pour agréger les API REST Laravel, optimiser les échanges frontend/backend et exposer des fiches salarié complètes et des données métiers adaptées aux écrans Web et Mobile. – JSON: avec statut du code de réponse pour gérer les exceptions coté Front. – MySQL: Base de données gérée depuis les modèles créés depuis les migrations faites via LARAVEL, lecture depuis l'outil Workbench. – JEST: pour les tests unitaires, utilisation de babel-jest pour ES > 2015. – DOCKER : Pour un déploiement rapide et une mise en prod maintenable. – AWS Amazon: Sauvegarde et hébergément des fichiers et documents dans le cloud via AWS. – Bootstrap, Html/CSS : Proposition de la charte graphique, découpage et intégration des éléments DOM en personnalisant des composants communs comme Modal, Toastr, SweetAlert, DataTables, Form-Wizard, les composants du formulaire, Push – Web Socket: Utilisation des Web Sockets pour la création d'une plateforme de messagerie instantanée entre différents collaborateurs de l'entreprise (salariés, DRH, Managers ..) + un système de notifications et alertes (PUSH) en temps réel. – Librairies et Composants: HighCharts pour les graphes et dashboards, Datatables pour les tableaux dynamiques et personnalisés, iToastr, jQuery-UI, Modernizer, Font-Awesome-Icons... – CentOS/RedHat/Ubuntu: Utilisation des serveurs Linux (Dédiés et VPS) sous les différentes distrubtion Linux connues (CentOS/RedHat/Ubuntu) loués chez le premier prestataire de ce genre de services en France et en Europe (OVH) et administration des serveurs (Apache/PostFix..). – Configuration via SSH Tunnel et/ou WHM/Cpanel : Instauration des certifications SSL (WildCard pour les sous-domaines installés propres aux clients), Création des backUP automatiques, Monitoring des serveurs et journalisation. – Environnement Fonctionnel : SIRH

– M2M Groupe, acteur majeur de la monétique et dématérialisation des flux et des process. – Réalisation d'une application WALLET (Web et Mobile pour le compte de NAPS (Etablissement Bancaire) dont les principales fonctionnalités sont : – Souscription et Création d'une nouvelle Wallet Client via l'application mobile en utilisant son numéro de téléphone – Module Authentification Client ou Agent (Commerçant) Transfert d'argent d'une Wallet à une autre Wallet (transfert normal ou par QR Code) – Ajout d'un bénéficiaire autant que favoris – Paiement des commerçants en temps réél et rechargement de la wallet – Réalisation et Evolution du CRM du groupe (gérant + 1000 commerçants et 50 commerciaux). Evolution de l'outil en intégrant des Dashboards dynamiques et des reportings à la demande, une SMART MAP en temps réel. Indexation des data en utilisant ElasticSearch et exposition des résultats sur une Google Map intéractive et les DataTable des rapports. – Réalisation de l'intranet de la holding détenant la société M2M Group et plusieurs autres sociétés, détaillant les états des différents départements (RH, Financier, Business, Projets techniques, Trésorerie, Contrôle Budgétaire, Marketing) avec des push intelligents et des alertes sur chaque mauvaise performance suivant des règles prédéfinies. – Réalisation de NAPS PRO PREMIUM, une application WEB et une autre Mobile dédiée aux commerçants de NAPS (Etablissement Bancaire agréé en émission et acquisition) générant tout le suivi d'activité des commerçants avec des dashboards et des rapports dynamiques (historique des transactions), la consolidation des données par chaine de commerçants ou par point de vente, ajout de SMART Filters pour épurer les résultats selon le besoin, génération des rapports Excel PDF, diffusion SMS journalier à partir de 8h du matin affichant le bilan de la télécollecte réalisée la veille par le commerçant. – Environnement Technique : – Javascript: Utilisation du langage JS dans le développement de la plupart des projets coté FRONT – REACT: Implémentation du REACT sur les projet Front, Gestion du State en utilisant REDUX et gestion du store avec création des différentes actions et reducers requis, création des composants selon l'UIX proposé par les équipes dédiées, Tests unitaires en utilisant Jest, Création des appels API via des requetes HTTP, création des routes et implémentation des packages et modules requis à l'application, Implémentation du module authentification Oauth et gestion des privilèges avec authorization et roles, Utilisation du framework Bootstrap et Material Design. – NodeJS: Utilisation du CLI et des commandes NPM et YARN pour la configuration des modules des différentes applications. – EXPRESS: Création des API RESTFul en utilisant Express + modules complémentaires comme core, morgan, jwtoken, body-parser, socket.io – Angular 2+ : Développement des applications FRONT en utilisant Angular V>2, utilisation de la bibliothèque RXJS pour l'implémentation de la programmation réactive par rapport à tous les événements declenchés sur le projet. – JAVA: Création API RESTFul en utilisant le framework Spring via le controller @RestControlle et des différentes annotations @RequestMapping, @PostMapping, @RequestParam – jQuery: Utilisation de la bibliothèque jQuery surtout sur les projets web (sites) en utilisant jquery-mobile aussi pour un rendu responsive plus intuitif. – MySql: Gestion des bases de données SQL, création des schémas – PostGres: Administration de bases de données PostGres en utilisant pgAdmin et les commandes powershell (psql). – Android: Création d'applications mobile en utilisant Java Android, communication avec les fonctionnalités natives du téléphone mobile comme l'appareil photo, le NFC pour lecture QrCode et lecture des cartes magnétiques MORPHO et GEMALTO, build de l'apk via Gradle et génération de l'application sur les sizes disponibles dans le marché: MDPI, HDPI, XHDPI, XXHDPI.. – Laravel: Création de service web via Laravel en implémentant les models, controllers et les routes requises pour chaque action et méthode, instauration des exceptions et des messages retours. – PHP: Evolution du CRM VTiger utilisant le langage PHP. – HTML/CSS : Utilisation du SAAS aussi comme préprocesseur. – IONIC: Framework mobile pour la création d'applications mobiles hybrid. – Git: Intégration continue vie GitLab et via les commandes en utilisant GitBash, vérification des merges postés, commentaires si besoin, validation. – Librairies: Highcharts / HighStock, ChartJS, E-Charts, DataTables, SweetAlert, Formlk, MUI-Datatbles, i18Next (pour l'internationnalisation), Redux, rxJs, Axios, Ajax, XHR, Validator