COTTEREAU Stéphane

Lead tech front dans l'équipe front travaillant sur toute la mise en place du portail de l'application. Réalisation des composants du Design System utilisant sur MaterialUI et Tailwind. Mise en place de toute l'architecture basée sur NextJS 13/14/15 et des environnements front: développement, storybook, tests unitaires, d'intégration et tests e2e et mise en conformité avec les normes WCAG 2.0, WCAG 2.1 et WCAG 2.2. Revues de code et mentoring. • mise en place from scratch du projet basé sur une architecture NextJS 13/14/15.(App router) • développement React/Typescript des fonctionnalités et des composants pour le Design System. • utilisation des dernières features de NextJS et optimisation de la performance (code splitting), • mise en place des environnements de tests unitaires, d’accessibilité (API keyboard) et d'intégration avec Testing-library. • mise en place des test e2e avec Cypress, MSW, Caddy • optimisation du temps de développement (création de SDK) et organisation du travail.

Développeur full stack intervenu en renfort sur la mise en place d'une MVP basé sur une architecture monorepo pour la V4 du site odalys-vacances. Responsable de l'implémentation de features de bout en bout. Mise en place des environnements des tests unitaires, des tests d'intégration des tests e2e et mise en place des standards d’accessibilité WCAG 2.1 et WCAG 2.2. Mentoring et apport d'approches industrielles afin d'améliorer les workflows. Refonte complète du tunnel de paiement. Passe complète d’adaptation SSR avec NextJS pour la SEO (génération metadata dynamique, ISR des pages produits, SSG des catalogues, etc). • refactorisation de toute la structure du projet (routage, middleware, cookies) NextJS 15 • développement React/Typescript des fonctionnalités et des composants. • développement back end des resolvers Apollo/GrapQL, refactorization des resolvers existants. • refactorisation de composants existants, refonte de composants du design-system. • mise en place des environnements de tests unitaires, d’accessibilité (API keyboard) et d'intégration avec Testing-library. • mise en place des test e2e avec Playwright

SNCF Connect – Front End développeur sur la refonte de Oui SNCF Développeur front dans l’équipe travaillant sur la partie compte client. Réalisation de composants du Design system basé sur MaterialUI. Réalisation et amélioration du compte client (infos personnelles, cartes et abonnements, voyageurs accompagnants, newsletters, connexion) - développement React des fonctionnalités, développement des composants pour le Design System. - architecture de projet basée sur Next, React, TypeScript - data management avec Redux Tool KIT, et affichage redescendant d’un BFF dédié au compte client - tests unitaires et d’intégration avec Testing-libray. - tests e2e avec Cypress

Maintenance de la plateforme GreenflexIQ. Réalisation et implémentation d’une nouvelle librairy de composants utilisées dans tous les modules de la plateforme. Intervention sur plusieurs module structurés en micro-frontend, suivi et accompagnement de la mise en place de la library Stack technique : React, TypeScript, Styled-components, GraphQL, GQL-gen, Redux, Apollo, Create-react-app, Webpack, GitLab, TPonDemand. - développement React, développement des composants. - architecture de projet Create-react-app, React, TypeScript & Webpack - data management avec React-apollo/GraphQL/GQL-gen - gestion et versionning de projet GITLab, TPonDemand, méthode Agile - tests unitaires Jest, Enzyme, Testing-libray.

Maintenance du SaaS/DSP S4M FUSIO, outils de management de campagne publicitaire pour mobile. Développeur Front End maintenance, évolution et implémentation de fonctionnalités réutilisables avec Vue.js, Vuex et Apollo/graphQL. Stack technique : ES5/ES6 natif, APIs HTML5, Git, Vue, Vuex Vue-apollo, Vue-cli, Webpack. Maintenance, amélioration & enrichissement du SaaS/DSP S4M FUSIO: - Développement Javascript ES5/ES6, mise en place des fonctionnalités avec Vue.js - Bootstrap de projet avec Vue-cli & Webpack - Data binding avec Vue-apollo/GraphQL - Gestion de projet GIT, JIRA, méthode Agile - test unitaires,, jest, vue test utils, snapshots

Maintenance, refonte du site & du back-office CMS. - HTML5, JS Natif ES5/ES6, Processing CSS avec LESS & BEM, pattern AMD avec Require.js, UI design, React/Redux, ExpressJS, Git, Git flow, NodeJS, Gulp, Webpack, linting, test unitaires, jest, react test library, enzyme, atomic design

- Développement Front End avec Vue.js et Twig - Prototypage de composants en Atomic Design - Tests unitaires, snapshots, end to end - Méthode Agile Stack technique : ES5/ES6 natif, APIs HTML5, Git, Vue, Vuex Vue-cli, Webpack, Symphony, GIT, JIRA, méthode Agile

Intégration HTML et CSS, conception et réalisation de Web component avec Vue.js, webpack dans un environnement PHP/Laravel. Mise en place d'un système de présentation web de l'hebdo LePoint : - Project bootstrapping avec webpack, Gulp - création de composants réutilisables avec Vue.js - Création de templates HTML5, macros Twig, conception de blocs réutilisables - Programmation Javascript ES5/ES6-7-8, utilisation des nouvelles features JS - Automatisation de la génération de documentation de projet - Gestion de projet GIT, JIRA - Garant de la qualité du code et du respect des guidelines - Formation et montée en compétence des autres acteurs de la team

Conception et réalisation front des formulaires génériques de demande de devis en ligne. Implémentation de modules de dialogue avec le back-end, garant de l'intégrité, de la qualité et de la cohérence du code produit, suivi de projet, respect des spécifications et des délais, tech lead, travail méthode Agile. - Intégration HTML5 - Utilisation des API HTML5 natives, - Mise en forme et processing CSS, - développement JS natif (ES5/ES6), - développement de plugins jQuery, - développement de web composants React, - templating avec AEM & React, - conception/réalisation de composants AEM contribuables

Chargé de la refonte du tunnel de commande desktop et mobile, travail méthode Agile. - Intégration des Pages avec HTML5, - Templating avec Thymeleaf supporté par Java coté back-end, - CSS3 pour la mise en forme, - Développement Javascript natif, - jQuery, jQuery UI, jQuery Mobile pour le développement, - Browerify pour l'export et la structuration du développement en module AMD.