Béni haddad

💻 𝐒𝐭𝐚𝐜𝐤 𝐭𝐞𝐜𝐡𝐧𝐢𝐪𝐮𝐞 ▸ 𝐂𝐥𝐚𝐮𝐝𝐞 𝐂𝐨𝐝𝐞 𝐏𝐫𝐨, 𝐑𝐞𝐚𝐜𝐭 18, 𝐀𝐆 𝐆𝐫𝐢𝐝, 𝐅𝐫𝐚𝐦𝐞𝐫 𝐌𝐨𝐭𝐢𝐨𝐧, 𝐈18𝐍𝐞𝐱𝐭, 𝐑𝐞𝐚𝐜𝐭 𝐐𝐮𝐞𝐫𝐲 4, 𝐌𝐔𝐈 5, 𝐇𝐢𝐠𝐡𝐂𝐡𝐚𝐫𝐭, 𝐌𝐒𝐖 (mock API), 𝐑𝐞𝐚𝐜𝐭 𝐑𝐨𝐮𝐭𝐞𝐫, 𝐕𝐢𝐭𝐞𝐬𝐭, 𝐀𝐱𝐢𝐨𝐬, 𝐃𝐧𝐃, 𝐑𝐞𝐚𝐜𝐭 𝐌𝐚𝐫𝐤𝐝𝐨𝐰𝐧, 𝐑𝐞𝐚𝐜𝐭 𝐒𝐲𝐧𝐭𝐚𝐱 𝐇𝐢𝐠𝐡𝐥𝐢𝐠𝐡𝐭𝐞𝐫, 𝐑𝐞𝐚𝐜𝐭-𝐈𝐜𝐨𝐧𝐬 🌍 𝐂𝐨𝐧𝐭𝐞𝐱𝐭𝐞 ▸ Mission dans un environnement 𝐢𝐧𝐭𝐞𝐫𝐧𝐚𝐭𝐢𝐨𝐧𝐚𝐥 et entièrement en 𝐚𝐧𝐠𝐥𝐚𝐢𝐬, avec une forte 𝐮𝐭𝐢𝐥𝐢𝐬𝐚𝐭𝐢𝐨𝐧 𝐝𝐞 𝐥’𝐈𝐀. ▸ Communication régulière avec les équipes 𝐛𝐚𝐜𝐤-𝐞𝐧𝐝, les 𝐏𝐫𝐨𝐝𝐮𝐜𝐭 𝐎𝐰𝐧𝐞𝐫𝐬 et parfois le 𝐛𝐮𝐬𝐢𝐧𝐞𝐬𝐬. 🎯 𝐎𝐛𝐣𝐞𝐜𝐭𝐢𝐟𝐬 ▸ Accompagner et former les équipes sur la réalisation de leurs 𝐩𝐫𝐞𝐦𝐢𝐞̀𝐫𝐞𝐬 𝐖𝐞𝐛𝐀𝐩𝐩𝐬 𝐢𝐧𝐭𝐞𝐫𝐧𝐞𝐬 ▸ Conseiller sur les meilleures pratiques 𝐟𝐫𝐨𝐧𝐭-𝐞𝐧𝐝 et l’utilisation de technologies modernes autour de 𝐑𝐞𝐚𝐜𝐭 ▸ Développer des pages de 𝐊𝐏𝐈 𝐢𝐧𝐭𝐞𝐫𝐚𝐜𝐭𝐢𝐯𝐞𝐬 pour la visualisation des données 🏆 𝐑𝐞́s𝐮𝐥𝐭𝐚𝐭𝐬 / 𝐑𝐞́𝐚𝐥𝐢𝐬𝐚𝐭𝐢𝐨𝐧𝐬 ▸ Formation complète des 𝐝𝐞́𝐯𝐞𝐥𝐨𝐩𝐩𝐞𝐮𝐫𝐬 𝐛𝐚𝐜𝐤-𝐞𝐧𝐝 et onboarding sur les technologies 𝐟𝐫𝐨𝐧𝐭-𝐞𝐧𝐝 ▸ Conseil technique, 𝐜𝐨𝐝𝐞 𝐫𝐞𝐯𝐢𝐞𝐰 et mise en place des technologies choisies ▸ Rédaction de 𝐝𝐨𝐜𝐮𝐦𝐞𝐧𝐭𝐚𝐭𝐢𝐨𝐧𝐬 𝐭𝐞𝐜𝐡𝐧𝐢𝐪𝐮𝐞𝐬 pour faciliter l’adoption des outils ▸ Création des 𝐫𝐞𝐪𝐮𝐢𝐫𝐞𝐦𝐞𝐧𝐭𝐬 𝐟𝐫𝐨𝐧𝐭-𝐞𝐧𝐝 pour un projet KPI : définition des pages, rôles, thèmes, besoins, interactions, 𝐞𝐬𝐭𝐢𝐦𝐚𝐭𝐢𝐨𝐧𝐬 𝐯𝐬 𝐫𝐞́𝐞𝐥 pour planifier efficacement la roadmap 👤 𝐑𝐞́𝐟𝐞́𝐫𝐞𝐧𝐭 : 𝐈𝐬𝐦𝐚𝐢𝐥 𝐎𝐔𝐀𝐋𝐀𝐀𝐋𝐎𝐔

Stack technique : 𝐍𝐞𝐱𝐭.𝐣𝐬, 𝐓𝐲𝐩𝐞𝐒𝐜𝐫𝐢𝐩𝐭, SASS, GraphQL ▸ Architecture : Atomic Design, Monorepo ▸ Coverage : 91% Contexte : poursuivre le développement du 𝐂𝐌𝐒 𝐢𝐧𝐭𝐞𝐫𝐧𝐞 𝐝𝐞 𝐂𝐡𝐚𝐧𝐞𝐥, en mettant l’accent sur la 𝐭𝐞𝐬𝐭𝐚𝐛𝐢𝐥𝐢𝐭𝐞́, le SEO, l’accessibilité, la 𝐩𝐞𝐫𝐟𝐨𝐫𝐦𝐚𝐧𝐜𝐞, la 𝐬𝐢𝐦𝐩𝐥𝐢𝐟𝐢𝐜𝐚𝐭𝐢𝐨𝐧 et la 𝐜𝐨𝐦𝐦𝐮𝐧𝐢𝐜𝐚𝐭𝐢𝐨𝐧 active entre les différents corps de métier (PO, QA, Dev, UX/UI). Objectifs : améliorer la 𝐜𝐨𝐮𝐯𝐞𝐫𝐭𝐮𝐫𝐞 et la 𝐦𝐚𝐢𝐧𝐭𝐞𝐧𝐚𝐛𝐢𝐥𝐢𝐭𝐞́ du CMS interne de Chanel, ajouter de 𝐧𝐨𝐮𝐯𝐞𝐥𝐥𝐞𝐬 𝐟𝐨𝐧𝐜𝐭𝐢𝐨𝐧𝐧𝐚𝐥𝐢𝐭𝐞́𝐬 et détecter, corriger et 𝐫𝐞́𝐝𝐮𝐢𝐫𝐞 𝐥𝐞𝐬 𝐫𝐞́𝐠𝐫𝐞𝐬𝐬𝐢𝐨𝐧𝐬. Résultats : ✅ 𝐀𝐣𝐨𝐮𝐭 𝐝𝐞 𝐧𝐨𝐮𝐯𝐞𝐥𝐥𝐞𝐬 𝐟𝐨𝐧𝐜𝐭𝐢𝐨𝐧𝐧𝐚𝐥𝐢𝐭𝐞́𝐬 : ▸ 𝐈𝐧𝐭𝐞́𝐠𝐫𝐚𝐭𝐢𝐨𝐧 de composants (Produit, Carousel, Slider, etc.). ▸ Création d’un outil permettant de générer facilement des modèles de données (similaire à Strapi) afin d’étendre l’accès au CMS à un plus large éventail d’utilisateurs, notamment les développeurs. ▸ Intégration de fonctionnalités permettant d’ajouter des propriétés dynamiques aux données via JSON, afin de simplifier et enrichir le processus de contribution. ▸ Intégration des maquettes Figma de nos UX Designers. 🔧 Maintenance applicative : ▸ 𝐌𝐢𝐠𝐫𝐚𝐭𝐢𝐨𝐧 des fichiers JavaScript vers 𝐓𝐲𝐩𝐞𝐒𝐜𝐫𝐢𝐩𝐭. ▸ Rendre le code 𝐜𝐨𝐦𝐩𝐚𝐭𝐢𝐛𝐥𝐞 avec le rendu côté serveur (𝐒𝐒𝐑). ▸ Détection et 𝐜𝐨𝐫𝐫𝐞𝐜𝐭𝐢𝐨𝐧 𝐝𝐞𝐬 𝐫𝐞́𝐠𝐫𝐞𝐬𝐬𝐢𝐨𝐧𝐬 sur tous les environnements. ▸ Développement de tests unitaires et d’intégration pour accroître la couverture. ▸ 𝐑𝐞𝐯𝐮𝐞 𝐝𝐞 𝐜𝐨𝐝𝐞, simplification de l’existant, amélioration de la qualité.

Développement de 𝐬𝐢𝐭𝐞𝐬 𝐰𝐞𝐛 et 𝐝'𝐚𝐩𝐩𝐥𝐢𝐜𝐚𝐭𝐢𝐨𝐧𝐬 𝐦𝐨𝐛𝐢𝐥𝐞𝐬 en 𝐑𝐞𝐚𝐜𝐭 et 𝐑𝐞𝐚𝐜𝐭 𝐍𝐚𝐭𝐢𝐯𝐞 pour des particuliers, des entreprises et des sociétés de services. ⇨ https://haddad-benjamin-𝐩𝐨𝐫𝐭𝐟𝐨𝐥𝐢𝐨.netlify.app/ ⇨ https://𝐠𝐢𝐭𝐡𝐮𝐛.com/HaddadBenjamin

Kering est la maison mère des marques de luxe suivantes (𝐘𝐯𝐞𝐬 𝐒𝐚𝐢𝐧𝐭 𝐋𝐚𝐮𝐫𝐞𝐧𝐭, 𝐆𝐮𝐜𝐜𝐢, 𝐁𝐚𝐥𝐞𝐧𝐜𝐢𝐚𝐠𝐚, 𝐁𝐨𝐭𝐭𝐞𝐠𝐚 𝐕𝐞𝐧𝐞𝐭𝐚, 𝐀𝐥𝐞𝐱𝐚𝐧𝐝𝐞𝐫 𝐌𝐜𝐐𝐮𝐞𝐞𝐧, etc.), elle réalise un chiffre d’affaires d’environ 𝟭𝟬 𝟰𝟴𝟳 𝐦𝐢𝐥𝐥𝐢𝐨𝐧𝐬 € / an. J’ai 𝐩𝐚𝐫𝐭𝐢𝐜𝐢𝐩𝐞́ 𝐚𝐮 𝐝𝐞́𝐯𝐞𝐥𝐨𝐩𝐩𝐞𝐦𝐞𝐧𝐭 de leurs sites dans un 𝐜𝐨𝐧𝐭𝐞𝐱𝐭𝐞 𝐢𝐧𝐭𝐞𝐫𝐧𝐚𝐭𝐢𝐨𝐧𝐚𝐥 (réunions et cérémonies intégralement en anglais). ▸ https://www.ysl.com/fr-fr Nous développons des pages web à l’aide d’un 𝐦𝐚𝐩𝐩𝐢𝐧𝐠 𝐝𝐚𝐭𝐚 depuis un 𝐡𝐞𝐚𝐝𝐥𝐞𝐬𝐬 𝐂𝐌𝐒 vers nos composants Next, ce qui nous permet de 𝐜𝐡𝐚𝐧𝐠𝐞𝐫 𝐝𝐲𝐧𝐚𝐦𝐢𝐪𝐮𝐞𝐦𝐞𝐧𝐭 𝐞𝐭 𝐝𝐚𝐧𝐬 𝐭𝐨𝐮𝐭𝐞𝐬 𝐥𝐞𝐬 𝐥𝐚𝐧𝐠𝐮𝐞𝐬 le rendu et le contenu des pages. Contexte de la mission : ▸ Équipe : ~10 développeurs front-end, 5 full-stack, 3 UX designers, 6 analystes métier et chefs de produit. ▸ En charge de 𝐝𝐞́𝐯𝐞𝐥𝐨𝐩𝐩𝐞𝐫 𝐝𝐞 𝐧𝐨𝐮𝐯𝐞𝐥𝐥𝐞𝐬 𝐩𝐚𝐠𝐞𝐬 et d’intégrer des 𝐜𝐨𝐦𝐩𝐨𝐬𝐚𝐧𝐭𝐬 𝐒𝐭𝐨𝐫𝐲𝐁𝐨𝐨𝐤 développés par une agence. ▸ Méthodologie 𝐒𝐜𝐫𝐮𝐦, outils : 𝐉𝐢𝐫𝐚 (DSM, backlog refinement, poker planning, démo, rétrospective). Tâches réalisées : ▸ Intégration des maquettes 𝐅𝐢𝐠𝐦𝐚 des UX Designers. ▸ 𝐃𝐞́𝐯𝐞𝐥𝐨𝐩𝐩𝐞𝐦𝐞𝐧𝐭 𝐝𝐞 𝐜𝐨𝐦𝐩𝐨𝐬𝐚𝐧𝐭𝐬 (Quote, Rich Text, Block Edito Grid, Paragraph, etc.). ▸ Intégration de 𝐩𝐚𝐠𝐞𝐬 (FAQ, 404, Service Client, etc.). Stack technique : ▸ Technologies : 𝐑𝐞𝐚𝐜𝐭, 𝐍𝐞𝐱𝐭.𝐣𝐬, 𝐓𝐲𝐩𝐞𝐒𝐜𝐫𝐢𝐩𝐭, styled-components, 𝐒𝐭𝐨𝐫𝐲𝐁𝐨𝐨𝐤 ▸ Gestion de l’état : local & session storage ▸ Tests : Jest ▸ Librairies : Axios, React Hook Form, Yup, Swiper, QS ▸ Architecture : Atomic Design

𝐃é𝐯𝐞𝐥𝐨𝐩𝐩𝐞𝐦𝐞𝐧𝐭 from scratch du 𝐬𝐢𝐭𝐞 https://www.infogreffe.fr/. Contexte de la mission : ▸ Ce client a pour objectif de renouveler leur site 𝐬𝐮𝐫 𝐥𝐞𝐬 𝐝𝐞𝐫𝐧𝐢è𝐫𝐞𝐬 𝐭𝐞𝐜𝐡𝐧𝐨𝐥𝐨𝐠𝐢𝐞𝐬 pour se rendre plus attractif et plus maintenable. ▸ Notre équipe était composée de 3 développeurs fronts, 3 développeurs backs, 1 UX Designer et une Product Owner. ▸ J’étais en charge de 𝐝é𝐯𝐞𝐥𝐨𝐩𝐩𝐞𝐫 𝐥𝐞𝐬 𝐧𝐨𝐮𝐯𝐞𝐥𝐥𝐞𝐬 𝐩𝐚𝐠𝐞𝐬 du site et de 𝐦𝐚𝐢𝐧𝐭𝐞𝐧𝐢𝐫 𝐥𝐚 𝐪𝐮𝐚𝐥𝐢𝐭é de l’application par l’architecture du code front et par la 𝐫𝐞𝐯𝐢𝐞𝐰 quotidienne des développeurs, ceci a également permit de partager la connaissance dans l’équipe et d'éviter les régressions. ▸ A chaque sprint, j'animais des 𝐫é𝐮𝐧𝐢𝐨𝐧𝐬 𝐝𝐞 𝐩𝐚𝐫𝐭𝐚𝐠𝐞 𝐝𝐞 𝐜𝐨𝐧𝐧𝐚𝐢𝐬𝐬𝐚𝐧𝐜𝐞𝐬 de sorte à faire évoluer l’équipe et nous préparions ensemble les 𝐝é𝐦𝐨𝐬 pour montrer la valeur ajoutée au client. ▸ Je faisais 𝐩𝐚𝐬𝐬𝐞𝐫 𝐥𝐞𝐬 𝐞𝐧𝐭𝐫𝐞𝐭𝐢𝐞𝐧𝐬 𝐟𝐫𝐨𝐧𝐭𝐬. ▸ Nous travaillons en méthodologie 𝐒𝐜𝐫𝐮𝐦 et nous utilisons 𝐉𝐢𝐫𝐚 avec les réunions suivantes DSM, backlog refinement, chiffrage, démo, rétrospective. Tâches réalisées : ▸ Intégration des maquettes 𝐈𝐧𝐕𝐢𝐬𝐢𝐨𝐧 de notre UX Designer (environ 80 pages différentes). ▸ Intégration des nouveaux composants du 𝐃𝐞𝐬𝐢𝐠𝐧 𝐒𝐲𝐬𝐭𝐞𝐦 (text, icon, checkbox, modal, input, …). ▸ Mise en place de Yup, Formik, Cypress, Redux, Redux Thunk. ▸ Mise en place d’une architecture découpée par domaine et par couches applicatives, isolation du code réutilisable de sorte à pouvoir 𝐜𝐚𝐩𝐢𝐭𝐚𝐥𝐢𝐬𝐞𝐫 𝐬𝐮𝐫 𝐥𝐞 𝐜𝐨𝐝𝐞 𝐞𝐱𝐢𝐬𝐭𝐚𝐧𝐭 et d’accélérer la vitesse de développement de l’équipe. Stack technique : ▸ Technologies : 𝐑𝐞𝐚𝐜𝐭, Gatsby, 𝐓𝐲𝐩𝐞𝐒𝐜𝐫𝐢𝐩𝐭, modules 𝐒𝐀𝐒𝐒, 𝐒𝐭𝐨𝐫𝐲𝐁𝐨𝐨𝐤. ▸ Gestion de l’état : 𝐑𝐞𝐝𝐮𝐱 Thunk, local & session storage. ▸ Tests : Cypress, Jest. ▸ Librairies : Axios, Formik, Yup, QS, i18next.

ManoMano est une place de marché internationale (fr, gb, de, it, es) qui amène 50 𝐦𝐢𝐥𝐥𝐢𝐨𝐧𝐬 𝐝𝐞 𝐯𝐢𝐬𝐢𝐭𝐞𝐮𝐫𝐬 𝐩𝐚𝐫 𝐦𝐨𝐢𝐬 dans lequel transite 7 millions de chiffre d'affaires marchand par jour. J'ai intégré la nouvelle feature team "𝐬𝐞𝐫𝐯𝐢𝐜𝐞𝐬" en tant que développeur front-end qui est constituée d'un Product Manager, d'un UX Designer et de 2 développeurs back-end. Une partie des tâches réalisées : Partie fonctionnelle : ▸ 𝐀𝐣𝐨𝐮𝐭 𝐝𝐞 𝐥'𝐢𝐧𝐬𝐭𝐚𝐥𝐥𝐚𝐭𝐢𝐨𝐧 𝐝𝐞𝐬 𝐩𝐫𝐨𝐝𝐮𝐢𝐭𝐬 sur tous le site de ManoMano (page produit, ajout au panier, panier, récapitulatif de la commande, confirmation de la commande, paiement). ▸ 𝐀𝐣𝐨𝐮𝐭 𝐝𝐞 𝐩𝐚𝐠𝐞𝐬 décrivant les services de nos partenaires (Younited Credit, MesBonsPros) pour rassurer nos clients. ▸ 𝐒𝐲𝐧𝐜𝐡𝐫𝐨𝐧𝐢𝐬𝐚𝐭𝐢𝐨𝐧 avec 4 features teams différentes pour se faire reviewer et s'insérer dans leurs pages. ▸ Nos maquettes et nos spécifications changées régulièrement ce qui m'a poussé à 𝐦'𝐚𝐝𝐚𝐩𝐭𝐞𝐫 et à trouver des solutions techniques. ▸ Mon 𝐭𝐫𝐚𝐯𝐚𝐢𝐥 était 𝐫é𝐮𝐭𝐢𝐥𝐢𝐬𝐚𝐛𝐥𝐞 afin que mon équipe puisse capitaliser dessus. Partie technique : ▸ Intégration des maquettes 𝐅𝐢𝐠𝐦𝐚 de notre UX Designer. ▸ Intégration des parcours utilisateur définit par notre Product Manager. ▸ Tester les différentes couches de notre domaine pour obtenir 80% de 𝐜𝐨𝐯𝐞𝐫𝐚𝐠𝐞. ▸ Assurer de bons 𝐒𝐄𝐎, 𝐖𝐞𝐛 𝐕𝐢𝐭𝐚𝐥𝐬 et 𝐩𝐞𝐫𝐟𝐨𝐫𝐦𝐚𝐧𝐜𝐞𝐬 sur notre domaine par le biais de monitoring, de tests, de code splitting, de 𝐥𝐚𝐳𝐲 𝐥𝐨𝐚𝐝𝐢𝐧𝐠, d’utilisation de Skeletons, de 𝐒𝐒𝐑 et 𝐈𝐒𝐑. Stack technique : ▸ Stack : 𝐍𝐞𝐱𝐭𝐉𝐒, 𝐑𝐞𝐚𝐜𝐭, 𝐑𝐞𝐚𝐜𝐭 𝐍𝐚𝐭𝐢𝐯𝐞, 𝐓𝐲𝐩𝐞𝐒𝐜𝐫𝐢𝐩𝐭, 𝐑𝐞𝐝𝐮𝐱 Saga, 𝐒𝐭𝐨𝐫𝐲𝐁𝐨𝐨𝐤. ▸ Tests : React Testing, Jest, Mock-server, Faker. ▸ Styles : Styled Components, SASS, Modules. ▸ Outils de développement : Prettier, ESLint, StyleLint, CommitLint, Husky. ▸ Autres : GitLab, BrowserStack, IntelliJ, JIRA, Phrase, Vault, i18next.

Développement d’un CRM en suivant les bonnes pratiques de développement et du 𝐜𝐥𝐞𝐚𝐧 𝐜𝐨𝐝𝐞. Ce CRM est utilisé par 700 000 utilisateurs constitués majoritairement d’entreprises et donc la performance et la maintenabilité de nos applications faisant parties de mes défis quotidiens. Mon rôle était d’implémenter de nouvelles fonctionnalités, corriger des régressions et des bugs, rendre nos services plus performants et solides par le biais de tests. La communication régulière était nécessaire pour mener à bien mes engagements. Une partie des tâches réalisées : ▸ Développement d'interfaces utilisateurs en les découpant en petits composants réutilisables avec 𝐑𝐞𝐚𝐜𝐭, 𝐑𝐞𝐚𝐜𝐭 𝐍𝐚𝐭𝐢𝐯𝐞 𝐞𝐭 𝐓𝐲𝐩𝐞𝐬𝐜𝐫𝐢𝐩𝐭. ▸ Tester toutes les couches de l'application avec 𝐉𝐞𝐬𝐭 𝐞𝐭 𝐑𝐞𝐚𝐜𝐭 𝐭𝐞𝐬𝐭𝐢𝐧𝐠. ▸ Intégration de maquettes 𝐈𝐧𝐕𝐢𝐬𝐢𝐨𝐧. ▸ Gestion de l'état centralisé et de la partie en reactive programing avec 𝐑𝐞𝐝𝐮𝐱 observable. ▸ Gestion de l'immutabilité avec 𝐈𝐦𝐦𝐞𝐫 et génération des actions avec 𝐓𝐲𝐩𝐞𝐬𝐜𝐫𝐢𝐩𝐭 𝐟𝐬𝐚. ▸ Participation à la complétion de notre librairie de composants UI partagée et les exposer avec 𝐒𝐭𝐨𝐫𝐲𝐁𝐨𝐨𝐤. ▸ Création et validation de formulaires avec 𝐑𝐞𝐚𝐜𝐭 𝐇𝐨𝐨𝐤 𝐅𝐨𝐫𝐦, 𝐅𝐨𝐫𝐦𝐢𝐤, 𝐘𝐮𝐩. ▸ Réalisation de tests 𝐁𝐃𝐃 et 𝐓𝐃𝐃 en 𝐀𝐀𝐀 pour éviter les régressions. ▸ Communication avec nos différents services et API avec 𝐀𝐱𝐢𝐨𝐬 𝐞𝐭 𝐅𝐞𝐭𝐜𝐡. ▸ Partage de connaissances techniques et accompagnement grâce à des codes reviews, la création de formations et des prises de paroles durant nos réunions. Stack technique : ▸ Technologies : React, React Native, Typescript ▸ Tests : Jest, React Testing, Redux Mock ▸ Gestion de l’état : Redux Observable, Immer, TypeScript FSA ▸ Formulaires : React Hook Form, Formik, Yup ▸ Libraires : Axios, Fetch, StoryBook, Lodash ▸ Styles : Styled Component, Bootstrap ▸ Bonnes pratiques : Scrum, Pairing, Code Review, TDD, BDD, Git flow

Wibilong propose une solution pour fidéliser les utilisateurs de sites e-commerce grâce à un système de questions/réponses et de notation directement sur les sites des clients. Rajout et débogage de fonctionnalités dans leurs différentes solutions (back-office, web, modules). Équipe : 3 front-end et 4 back-end, 1 product owner. Projets et tâches réalisées : ▸ Développement de composants UI. ▸ Intégration des maquettes 𝐅𝐢𝐠𝐦𝐚 du designer en 𝐑𝐞𝐚𝐜𝐭, 𝐇𝐓𝐌𝐋 et 𝐂𝐒𝐒. ▸ Appel des API du client avec 𝐟𝐞𝐭𝐜𝐡. ▸ Développement de tests unitaires AAA avec 𝐉𝐞𝐬𝐭 et 𝐑𝐞𝐚𝐜𝐭 𝐓𝐞𝐬𝐭𝐢𝐧𝐠. ▸ Développement de tests sur navigateur (end to end) avec 𝐒𝐞𝐥𝐞𝐧𝐢𝐮𝐦. ▸ Gestion de l'état centralisé et de son immutabilité avec 𝐑𝐞𝐝𝐮𝐱 et 𝐈𝐦𝐦𝐞𝐫. ▸ Création et validation de formulaires 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭 avec 𝐅𝐨𝐫𝐦𝐢𝐤 et 𝐘𝐮𝐩. ▸ Utilisation des contextes pour partager des informations dans tous l’arbre de composants. Stack technique : ▸ Technologies: 𝐑𝐞𝐚𝐜𝐭, 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭, 𝐒𝐀𝐒𝐒. ▸ Formulaires : 𝐅𝐨𝐫𝐦𝐢𝐤 & 𝐘𝐮𝐩. ▸ Tests : 𝐉𝐞𝐬𝐭 & 𝐑𝐞𝐚𝐜𝐭 𝐓𝐞𝐬𝐭𝐢𝐧𝐠, 𝐒𝐞𝐥𝐞𝐧𝐢𝐮𝐦. ▸ Outils : Jira, Slack et Trello. ▸ Méthodologies de travail : Agile & Scrum.

Équipe : 1 back-end, 1 front-end. Stack technique : 𝐑𝐞𝐚𝐜𝐭, 𝐣𝐐𝐮𝐞𝐫𝐲, 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭, 𝐇𝐓𝐌𝐋, 𝐂𝐒𝐒, 𝐉𝐞𝐬𝐭 & 𝐑𝐞𝐚𝐜𝐭 𝐓𝐞𝐬𝐭𝐢𝐧𝐠, 𝐚𝐦𝐂𝐡𝐚𝐫𝐭𝐬. Tâches réalisées : ▸ Intégration des maquettes 𝐅𝐢𝐠𝐦𝐚 du designer en 𝐑𝐞𝐚𝐜𝐭, 𝐇𝐓𝐌𝐋 et 𝐂𝐒𝐒. ▸ Réaliser des graphiques et de diagrammes avec la librairie 𝐚𝐦𝐂𝐡𝐚𝐫𝐭𝐬 afin de fournir des visualisations de données pour nos clients ▸ Développement de tests unitaires AAA avec 𝐉𝐞𝐬𝐭 & 𝐑𝐞𝐚𝐜𝐭 𝐓𝐞𝐬𝐭𝐢𝐧𝐠. ▸ Création et validation de formulaires 𝐉𝐚𝐯𝐚𝐒𝐜𝐫𝐢𝐩𝐭. ▸ Appel des API du client avec 𝐟𝐞𝐭𝐜𝐡. ▸ Utilisation des contextes pour partager des informations dans tous l’arbre de composants.