Autodistribution

Front-end lead dev • Autodistribution
Autodistribution, leader français de la distribution de pièces auto, opère via sa filiale Autossimo—une plateforme B2B générant plus de 700M€ de chiffre d'affaires annuel. Le projet V4 vise à moderniser l’écosystème digital en reconstruisant entièrement les applications web internes et externes.

Détail de la mission

  • Développement et maintenance d’un Design System : création d’une librairie de composants réutilisables basée sur React-ARIA pour l’accessibilité et Tailwind CSS pour le style, selon les principes Atomic Design, en collaboration étroite avec l’UX/UI designer sur Figma, et implémentation dans Storybook. Cela a permis d’assurer la cohérence UI, d’améliorer l’alignement entre équipes et d’accélérer le développement frontend.
  • Mise en place d’un monorepo Turbo et de packages partagés (Apps / UI / Actions / Mocks / Types / Utils / Configs...)
  • Mise en place des fonctionnalités core : routing, internationalisation et authentification avec des librairies modernes comme Next.js App Router, NextAuth/OKTA et next-intl.
  • Définition des bonnes pratiques frontend : principes SOLID, structure de code scalable, linting, JSDoc, conventions de nommage et diverses configs pour garantir la cohérence et la maintenabilité des projets.
  • Implémentation des fonctionnalités cœur d’app : développement de flows critiques comme le tunnel d’achat, le tunnel de dépôt d’annonce véhicule, et la gestion dynamique de formulaires (react-hook-form, zod)
  • Création d’outils de scaffolding : développement d’utilitaires pour la productivité des développeurs avec Plop.js afin d’automatiser la génération de boilerplate pour composants, pages et features.
  • Lead code reviews & mentorat : participation active aux code reviews, feedback et garantie de la qualité du code et du respect des standards.
  • Optimisation des performances : monitoring et optimisation des Core Web Vitals
client
Autodistribution
date
2024 - 2025
type
E-commerce
role
Front-end lead dev
  • TypeScript
  • Next.js 14
  • React 18
  • Tailwind
  • GraphQL
  • Storybook
  • Chromatic
  • react-aria
  • next-auth
  • OKTA
  • Doppler