Kévin Lacroix

1) Redesign of the UnboxNow project front-end. Sole front-end developer. Worked in tandem with a back-end developer who was simultaneously creating the API.

- Fetching data from available REST APIs for each page, as well as for the header, footer, Iubenda (cookie)

- Processing API data via "normalizers" to ensure correct typing on the UI side.

- Building pages with NextJS using "incremental static generation".

- Implementing multilingual support, URL rewriting.

- Implementing a section with video stories modeled after social networks.

- Automating the transformation of SVGs into React components.

- Image optimization.

2) Development of the Access Plus project

No API, I worked alone on this project. Bilingual site with text hardcoded in language files.

- Pre-rendering pages at build time with NextJS.

- Implementing multilingual support, URL rewriting.

- Image optimization.

Redesign of the Eurosport platform. Collaboration within an international team and application of agile methodology, mostly remote work throughout the year. Product Owners are based in England, QA in India, and development in France (Front-end team composed of about ten developers). The main project is a mono-repo with separation of concerns into different packages: server (page rendering), core (business logic), UI components, video player, Cypress tests...

- Fetching "page properties" and "zone properties" from dedicated APIs and building a Redux store.

- Creating selectors to retrieve data from the Redux store.

- Creating fragments and GraphQL queries with react-relay.

- Creating "parsers" to format GraphQL data into business data.

- Creating "normalizers" to format business data into UI data.

- Maintaining a React Storybook with Emotion Styled Components and props-types (legacy).

- Creating a new Storybook (using addons) in React with Tailwind and Typescript. Creating components adhering to Atomic Design principles.

- Unit tests with Jest and React Testing Library & End-to-end tests with Cypress.

- Using ES6/ES7/ES8 new features, using React Hooks.

- Creating AMP pages (first render of React components on the server).

- Theming of pages and components for the Olympics in preparation for the Games.

Redesign of the Euromillions and Keno Web Apps. These Web apps are integrated into the www.fdj.fr website and are responsive on all devices. Euromillions consists of 3 sub-mini-apps: Game grid, Quick Flash, and Multichance. The user can create their favorites, choose their draw days, add options that increase their winnings, subscribe to play the same grids for a desired number of weeks... With a single game mode, the Keno redesign incorporates some elements from Euromillions but integrates different management rules.

- Creation of models with ES6 classes, allowing their properties (and their typing) to be exposed. Typing with Typescript (interface, enum...)

- Use of Redux Thunk to manage asynchronous actions.

- Redux actions are layered via "events". These "events" can dispatch multiple actions sequentially using Redux Batched Actions.

- Implementation of tracking for user events like clicks and page loads.

- Code following best practices: Eslint, Stylelint, Commitlint, Prettier.

- Tools to control module and bundle weight: Webpack Bundle Analyzer, Bundlephobia.

- Unit Tests with Jest, Enzyme.

- Refactoring of styles following the BEM methodology, CSS class hashing. Work using Agile methodology, using Jira.