Kévin Lacroix

1) Refonte du front sur le projet UnboxNow. Seul développeur front. Travail en binôme avec un développeur back qui créait en même temps l’API.

- Récupération de la data des API REST disponibles pour chaque page, ainsi que pour le header, le footer, Iubenda (cookie)

- Traitement de la data API via des “normalizers” pour avoir le bon typage côté UI.

- Build des pages avec NextJS utilisant l’ ”incremental static generation”.

- Implémentation du multilingue, réécriture des URL

- Implémentation d’une section avec des stories de vidéo sur le modèle des réseaux sociaux

- Automatisation de la transformation de SVG en composants React

- Optimisation des images

2) Développement du projet Access Plus

Pas d’API, j’ai travaillé seul sur ce projet. Site bilingue avec les textes écrits en dur dans des fichiers de langue.

- Pre-rendering des pages au build sur NextJS.

- Implémentation du multilingue, réécriture des URL

- Optimisation des images

Refonte de la plateforme Eurosport. Collaboration au sein d'une équipe internationale et application de la méthodologie agile, la majeur partie de l'année en télétravail. Les PO sont basés en Angleterre, la QA en Inde et le développement en France (équipe Front-end constituée d'une dizaine de développeurs). Le projet principal est un mono-repo avec séparation des concernes dans différents packages: serveur (renderer des pages), core (logique métier), composants UI, video player, tests Cypress...

- Récupération de "propriétés de pages" et "propriétés de zones" depuis des API dédiées et construction d'un state Redux

- Création de sélecteurs pour récupérer de la data du store Redux

- Création de fragments et de requêtes GraphQL avec react-relay

- Création de "parsers" pour formater la data GraphQL en data métier

- Création de "normalizers" pour formater la data métier en data UI

- Maintenance d'un Storybook en React avec Emotion Styled Components et props-types (legacy)

- Création d'un nouveau Storybook (utilisation d'addons) en React avec Tailwind et

- Typescript. Création de composants respectant les principes de l'Atomic Design

- Tests unitaires avec Jest et React Testing Library & Tests end-to-end avec Cypess

- Utilisation des nouveautés ES6/ES7/ES8, utilisation des Hooks React

- Création de pages AMP (premier render de composants React côté server)

- Theming des pages et composants Olympics pour la préparation des JO

Refonte des Web Apps Euromillions et Keno. Ces Web apps sont intégrées sur le site web www.fdj.fr et sont responsives sur tous les supports. Euromillions se compose de 3 sous-mini-apps : Grille de jeu, Flash rapide et Multichance. L’utilisateur peut créer ses favoris, choisir ses jours de tirage, ajouter des options qui augmentent ses gains, s’abonner pour miser les mêmes grilles sur un nombre de semaines voulu... Avec un seul mode jeu, la refonte de Keno reprend certaines briques d’Euromillions mais intègre des règles de gestion différentes.

- Création de models avec des class ES6, permettant d’exposer leurs propriétés (et leur typage) Typage avec Typescript (interface, enum...)

- Utilisation de Redux Thunk pour gérer les actions asynchrones

- Surcouche des actions Redux via des “events”. Ces “events” peuvent dispatcher plusieurs actions les unes à la suite des autres avec l’utilisation de Redux Batched Actions.

- Mise en place du tracking sur les events utilisateur de type click et chargement de pages

- Code suivant les bonnes pratiques: Eslint, Stylelint, Commitlint, Prettier

- Outils pour contrôler le poids des modules, bundles: Webpack Bundle Analyzer, Bundlephobia

- Test Unitaires avec Jest, Enzyme

- Refactoristation des styles suivant la méthodologie BEM, Hashage des classes CSS Travail en méthodologie Agile, utilisation de Jira