Derroum Lakhdar

Projet : Réarchitecture et modernisation de la plateforme e-commerce (Raja.fr), avec un focus sur la construction d’un écosystème frontend headless et scalable. Contributions Clés : • Technical lead transverse (5 équipes) : support quotidien, levée de blockers, best practices en collaboration avec l’engineering manager. • Conception d’une UI component library (Atomic Design) avec Next.js, TypeScript, TailwindCSS, Storybook — socle de l’architecture headless. • Intégration du paiement Braintree (CB, PayPal, VISA, MasterCard, 3D Secure). • Optimisation des performances : suppression de dépendances lourdes (Lodash, Moment.js), réduction du bundle. • Implémentation de tests unitaires et d’intégration avec Jest & React Testing Library. • Collaboration étroite avec les équipes design (Figma → pixel-perfect), contribution aux pipelines CI/CD et workflows de déploiement multi-équipe. Environnement Technique : TypeScript, JavaScript, Next, ReactJs, HTML5, CSS3, Axios, toolkit, ISML, Azure Devops, Jira, react-testing-library, jest, tailwind Méthodologie : Agile

Contexte : Création d’une nouvelle plateforme de prise de paris coté parieur (bornes). Tâches et Réalisations : • Co-responsable tech (2 seniors, 3 juniors) : architecture, mentoring, onboarding. • Fonctionnalités clés : auth parieur/partenaire, parcours de pari, paiement. • UI component library (TailwindCSS + Storybook) validée en amont prod. • Migration Webpack → Vite, upgrade React/Electron, module aliasing. • Mock server Express pour tests dynamiques (QA/emulateur). • Implémentation de tests unitaires et d’intégration avec Jest & React Testing Library. • Animation de workshops développeurs bimensuels ; partage d’outils et bonnes pratiques. • Participation aux rituels SAFe Agile (PI Planning, collaboration inter-équipes). Environnement Technique : TypeScript, JavaScript, ReactJs, HTML5, CSS3, Axios, Redux toolkit, Electron, Storybook, GitLab, Jira, react-testing-library, jest. Méthodologie : Agile SAFe

Contexte : Refonte de l’application (Migration de Java vers ReactJs/NodeJs) Tâches et Réalisations : • Formation et pilotage d’une équipe cross-fonctionnelle pour livrer une interface de paiement moderne et scalable (frontend + backend). • Création d’une UI component library (React.js, TypeScript, Atomic Design, Storybook) pour la réutilisabilité inter-équipe. • Intégration de AG-Grid avec custom CSS pour l’affichage de données financières complexes. • Migration des services backend critiques de Java vers Node.js/Express dans le cadre d'une stratégie microservices. • Adoption de React Query pour la gestion du cache et l’état client. • Définition de la stratégie de test (UI & backend) : mocks, standards unitaires/intégration, couverture élevée. • Animation de workshops tech, ownership Storybook, et revues de code orientées qualité, accessibilité et cohérence UI/UX. Environnement Technique : Javascript, TypeScript, ReactJs, HTML, CSS, REST, NodeJs, Express, React-Query, Axios, HTML, CSS, AG-Grid, Jest, Enzyme, Storybook, Jira, Material UI. Méthodologie : Scrum Agile

Contexte : ERE-360 : Application web/mobile pour l’épargne salariale et la retraite Tâches et Réalisations : • Recruté en tant que senior dev, promu lead après audit du code et refonte complète de l’architecture frontend. • Implémentation d’une architecture scalable avec Redux + SAGA, React Navigation, TypeScript et Atomic Design (Styled-Components + Storybook). • Conception du flow d’authentification OAuth2. • Livraison de l’MVP dans des délais contraints, regagnant la confiance des parties prenantes. • Mise en place d’une stratégie de tests (Jest + React Testing Library) : couverture unitaire & intégration. • Leadership d’une équipe (2 équipes au total), mentoring des juniors, onboarding et animation de workshops. • Collaboration étroite avec les équipes backend et design pour une expérience cross-platform cohérente. Environnement Technique : Javascript, TypeScript, React-Native, React-Native-Web, HTML, CSS, Redux, Redux Saga, Axios, HTML, CSS, Victory, Jest, Enzyme, Storybook, Jira, Git, Azure DevOps Méthodologie : Agile (SCrump)

Contexte : Plume Rédaction : Éditeur interne pour la rédaction des documents, ajusté aux besoins des rédacteurs de la cour. Tâches et Réalisations : • Refactorisation complète d’un codebase complexe basé sur ProseMirror pour en faire une plateforme robuste et conforme aux standards documentaires. • Conception d’une librairie de composants (Styled-Components) alignée sur les maquettes Figma, pour homogénéiser l’UI et améliorer la maintenabilité. • Mise en place de workflows dynamiques d’export (brouillon, révision, version finale) avec génération PDF via Paged.js. • Développement d’une expérience de coédition temps réel : o Édition live avec GraphQL Subscriptions o Commentaires threadés & notifications in-app • Gestion des migrations de schéma (Knex ORM) et amélioration du processus de build/deploy (Jenkins). • Intégration de l’API GraphQL pour des échanges frontend/backend optimisés et réactifs. • Nombreuses optimisations de performance, correctifs et stabilisation en production. Environnement Technique : Javascript, TypeScript, React, NodeJs, HTML, CSS, GraphQl, PostgreSQL, Vagrant, PagedJs, Knex ORM, ProseMirror, Trello, Git, Jenkins, Linux Centos. Méthodologie : Scrum Agile

Contexte : Refonte des quatre sites du groupe (ETAM, Livy, Maison123, Undiz), passage du jQuery vers Vanilla Javascript Tâches et Réalisations : • Fusion de 4 codebases en une architecture centralisée, basée sur des thèmes partagés. • Migration complète de jQuery vers Vanilla JavaScript (ES6) pour améliorer les performances et la maintenabilité. • Création d’un plugin de validation de formulaires custom (inspiré de Redux) : détection d’état, validation temps réel, erreurs inline, réduction des appels backend. • Développement de composants UI partagés en SCSS et ISML, adaptés à l’environnement Salesforce Commerce Cloud. • Collaboration active avec les PO/designers pour ajustements UX en phase de grooming/review. • Support QA durant les campagnes de test, résolution de bugs et ajustements fonctionnels. Environnement Technique : Javascript, NodeJs, HTML, ISML, CSS, Axios, SalesForce CMS, SCSS, Jira, Git, Jenkins, Figma. Méthodologie : Scrum Agile

Contexte : Mise en place d’un système (application) mobile de gestion et recrutement de main d'œuvre Tâches et Réalisations : • Participation aux ateliers de co-conception avec RH, chefs de chantier et ouvriers dès la phase de discovery. • Proposition et développement d’une interface innovante type “Tinder” pour la sélection des profils — adoption rapide malgré des contraintes techniques. • Développement complet de l’application mobile (React Native CLI) : o Recherche par géolocalisation & filtres de disponibilité o Messagerie temps réel (Socket.io) o Upload de documents/photos o Authentification & gestion des rôles • Création de l’interface backoffice (React.js) pour RH : gestion des utilisateurs, feedbacks, transferts. • Développement des services backend (Node.js) : matching de profils, API sécurisées, schéma MongoDB via Mongoose. • Livraison d’un MVP avec +1 000 profils actifs ; couverture de tests Jest frontend & backend. Environnement Technique : Javascript, NodeJs, React, React-Native , HTML, CSS, Redux, Axios, MongoDB, Mongoose, , Jira, Jest ,Git, Jenkins, socketio. Méthodologie : Scrum Agile

Contexte : Mise en place d’une solution intranet pour la gestion des campagnes de marketing Tâches et Réalisations : • Co-développement (équipe de 3 fullstack) d’une plateforme data-driven : o Planification de campagnes personnalisées selon les performances passées o Outils de sélection multi-canaux (web, social, email…) o Workflows d’onboarding clients et collaboration o Dashboards analytics avec KPIs et suivi de ROI • Développement front-end avec React.js, visualisations de données via Victory, suivi de campagnes en temps réel. • Implémentation de l’authentification, systèmes d’approbation et intégration d’APIs externes (ex. Facebook API). • Conception des APIs backend (Node.js + Knex ORM) pour emailing, génération de rapports, interactions utilisateur. • Fonctionnalités d’export et de reporting personnalisés pour les clients. • Collaboration avec les équipes UX, QA et data pour garantir la qualité, la performance et la pertinence fonctionnelle. Environnement Technique : Javascript, NodeJs, React, HTML, CSS, Bootstrap, Axios, SQL, PostgreSQL, Jira, Jest ,Git, Jenkins, Redux, Knex. Méthodologie : Scrum Agile

Contexte : Mise en place et maintenance d’une solution de gestion de ventes des articles Tâches et Réalisations : • Contribution aux fonctionnalités existantes : gestion des stocks, tailles, campagnes promotionnelles. • Sélectionné pour un projet pilote visant à moderniser l’architecture frontend via React & Node.js. • Création de composants UI réutilisables pour un design system inspiré de l’interface legacy. • Implémentation du routing client, de librairies utilitaires et de modules spécifiques en JavaScript (ES6). • Développement des services backend (Node.js/Express) : auth, gestion des données, traitement des transactions. • Première expérience fullstack dans un environnement retail haut de gamme, exigeant en performance et cohérence visuelle. Environnement Technique : Javascript, NodeJs, React, HTML, CSS, Bootstrap, Axios, Mongoose, Mongodb, Jira, Jest ,Git, Jenkins, Knex. Méthodologie : Cascade (Cycle en V)