Pierre Météyé

• Migration application JS en React/Typescript, migration de Redux vers React Query
Pour le compte de Mediakeys, j’ai été amené à travailler sur plusieurs sujets d’amélioration de leur plateforme de diffusion de campagne publicitaire :
- Migration de la stack JS en Typescript et de Redux vers React Query
- Refonte et Intégration de la nouvelle identité graphique
- Création d’une carte interactive pour définir des zones de diffusion de publicité omnicanal et mutli-screen en fonction de points d’intérêts.

Environnement technique : React, React Query, Typescript, Redux, Material UI, Mapbox, Kubernetes

Pour le compte de Dashlane, j’ai été amené à travailler avec l’équipe de développement situé à New York. Le but de cette mission était de migrer toutes fonctionnalités et pages de l’ancien site en JS vers une nouvelle stack React/Gatsby en intégrant les nouveaux composants graphiques, et en réutilisant les mêmes métadonnées pour le SEO. Toutes les nouvelles pages et fonctionnalités migrées étaient testées via Jest et Cypress.
Pour l’amélioration des temps de chargements de pages, j’ai été amené à faire des audits de vitesse de chargement de page avec Pagespeed Insight, et intégrer les corrections nécessaires, soit en réduisant la taille de certaines ressources, soit en créant des composants React adaptés.
Certaines pages migrées devaient être contribuable par les équipes marketing. L’implémentation de modèles de page avec graphCMS et la création de ces modèles avec graphQL a permis cela.
En plus de cette migration, la migration de l’ancien système de mail devait être aussi migré vers un stack en React, avec des composant MJML.

Environnement technique : React, Typescript, Gatsby, GraphQL, graphCMS Jest, HTML/CSS, SCSS, CSS in JS, MJML

• Création d’application en React/Next.js
Pour le compte de l'EHESS, (L’École des hautes études en sciences sociales), j'ai réalisé une timeline de l'internet russe en Next.js/Directus 8.6 pour le projet ANR ResisTIC, projet financé par l'Agence Nationale de Recherche.

Front-end :
Utilisation du framework Next.js, choisi pour la génération de pages statiques. Une méthodologie de composants réutilisable a été faite, en choisissant l'utilité et la maintenabilité du BEM dans l'écriture du CSS.
Un système de filtre a été mis en place avec Algolia pour trier, chercher, afficher les différents événements et publications. L’application est déployée via Vercel, et passe par une pipeline Gitlab avant d’être déployée.

Backend :
Directus 8.6 a été utilisé pour gérer le contenu et les données de l'application. Cela a permis de gagner en rapidité de développement.

Environnement technique : Next.js, SCSS, Atomic Design, BEM, CSS3, MySQL, Apache, Vercel, Gitlab