Laurent Dubosq

• Configuration: Choice of stack, project creation and configuration (**Vite**)

• SPA Application Development: Design, develop, and maintain the front-end application and its features using **Vue.js (SFC + Composition API)**, **Javascript/Typescript, JSON**, SASS, HTML5, and CSS3.

• Component Design: Create reusable components andcomposablesfor future use, ensuring consistency and efficiency in UI development, thus amobile-first responsivecontext.

• Interaction with Back-end Services (**JSON-Server**): Data retrieval through **RESTful API consumption**.

• State: Global state management withPiniabuilt on the **Singleton design pattern**.

• Performance: Optimize the application to maximize loading speed (**lazy loading, code splitting, data caching, core web vitals, minifying**) and natural referencing (**SEO**)

• Accessibility: Development in compliance with accessibility rules and implementation of markup according toRGAA, WCAGguidelines and **W3C patterns**.

• Testing and Debugging: Implement **unit tests**, **integration tests**, and perform debugging to ensure high code quality and user experience (**Vitest/Jest, Vue Test Utils**) with **manual continuous testing**.

• Design System: Rigor in integration respecting thestyle guides, graphic charter, and design systemspecific to the original template, as well as in the use of icon libraries (**Polaris & Material**).

• Methodology: Agile development followingSoftware Craftsmanshipprinciples.

• Code Quality: Maintain clean and well-commented code, adhering to best practices and coding standards (**DRY, KISS, YAGNI, Clean code, SRP** (SOLID))

• Version Control:GitHub

• SPA Application Development: Develop and maintain the e-commerce front-end application and its features usingSvelte.js, LESS, Tailwind, JSON**, HTML5, CSS3 in a **mobile-first responsiveenvironment.

• User Journey Improvement: Implement new features with **A/B tests**, template **refactoring**.

• Testing and Debugging: Implement manual tests and perform debugging to ensure application viability.

• Interaction with Back-end Services: Data retrieval throughRESTful API consumptionwith data exploitation using **stores**.

• Design System: Rigor in integration respecting **Decathlon's "Vitamin" Design System**.

• Collaboration:Work collaboratively with multidisciplinary teamssuch as UX/UI teams, back-end developers, data scientists, and product managers, to deliver features conforming to specifications in an agileScrumenvironment.

• Code Quality: Maintain clean and well-commented code (**JS-doc**), adhering to best practices and coding standards (**DRY, KISS, YAGNI, SRP** (SOLID), **Clean Code**) specific to the profession itself, as well as **internal company best practices**. Teamwork through **code reviews**.

• Version Control:Continuous Integration (CI)of modifications made to a collaboration platform (**GitHub Actions**).

• Technical Environment: Adaptation to acomplex environmentcomposed of multiple repositories, internal and external CMS (**Strapi**), external tools (**Phrase**),GitHub Actionspipelines specific to **continuous integration**.

• Design:Selectionof the design by using the freely distributed design from theCodingNepalblog.

• Configuration: Choice of stack and plugins (**Axios, EmailJS, JSON-Server**), project creation and configuration (**CRA + Webpack**).

• SPA Application Development: Design and maintain the front-end application usingReact.js (Functional Component, Hooks, JSX, StrictMode)**, **Javascript, JSON**, SASS, HTML5, and CSS3 in a **mobile-first responsiveenvironment.

• Component Design: Create components that structure our UI elements in asimpleandmaintainableway.

• Animation: Development of **Javascript animations**.

• Interaction with Back-end Services (**JSON-Server**): Data retrieval throughRESTful API consumptionwith **Axios**.

• Monitoring: **Implementation of an email alert system informing of the failure to retrieve remote data (EmailJS)**.

• Performance: Optimize the application to maximize loading speed (image optimization (**adaptive images**),code minification(**Webpack**), application of theDRYdevelopment principle, and optimization for natural referencing (**SEO**)).

• Design System: Rigor in integration respecting theCodingNepalgraphic charter for a **faithful rendering**.