Mathieu Nguyen

Interventions pour des clients variés et développement de projets personnels, avec prise en charge complète du cycle de réalisation : cadrage, conception Figma, développement accéléré via GenAI et déploiements automatisés. Réalisations principales : • Conception et livraison de sites vitrines SEO-ready, du cahier des charges au déploiement (Vercel / Amplify), avec intégration pixel-perfect depuis prototypes Figma. • Développement de projets personnels démontrant expertise front-end et usage avancé d'IA générative : prompt engineering avec LLM (Claude), orchestration d'agents IA via MCPs pour automatisation des tests. • Exploitation de l'assistant IA Cursor couplé aux AI models Claude pour accélérer développement, refactorisation et génération de code. • Exploitation de l'App Router Next pour navigation fluide, SEO renforcé et indexation optimisée, avec design system cohérent (Shadcn UI). • Tests unitaires et e2e automatisés (Jest, Playwright / Puppeteer via MCP) garantissant robustesse et rapidité d'itération. Stack technique : React/Next, TypeScript, Tailwind, Shadcn, Vercel, Vite, Amplify, LLM (Claude), GenAI, Cursor + Prompt Engineering, Agents IA (MCPs : Playwright, Puppeteer, Context7, Sequential-thinking, Figma)

Refonte du CRM interne et développement de nouvelles fonctionnalités dans un environnement agile, avec un fort accent sur la qualité et la performance. Réalisations principales : • Développement et maintenance du CRM : Création de briques fonctionnelles React basées sur le design system interne. Typage statique avec Flow pour garantir la robustesse et la maintenabilité du code. Couverture de test complète avec Jest (unitaires) et Cypress (end-to-end). • Architecture et intégration GraphQL : Utilisation de Relay pour la gestion des requêtes GraphQL, optimisant les performances réseau grâce au fetching intelligent et à la mise en cache automatique. Participation à la définition des schémas en collaboration avec l'équipe backend. • Optimisation des performances : Mise en place du SSR et SSG avec Next.js, améliorant significativement le SEO et réduisant le temps de chargement initial. Implémentation de stratégies de cache, lazy loading et formats d'images modernes pour optimiser l'expérience utilisateur mobile • Qualité et automatisation : Intégration de Cypress dans la pipeline CI/CD, Tests de non-régression visuelle et d'accessibilité. • Collaboration Agile : Participation active aux rituels Scrum avec échanges réguliers avec PO et designers. Revues de code en équipe. • Veille technique : Mise à jour régulière des dépendances avec analyse des breaking changes, audit de vulnérabilités (OWASP), et optimisation continue (code splitting, tree shaking). Stack technique : React 18 – Next 14 – Flow/TypeScript – Relay – GraphQL – Jest – Cypress – Fela (CSS-in-JS) – Docker – Git - Storybook

Contribution à l’évolution du site e-commerce international et de son backoffice, en étroite collaboration avec les équipes backend et design. Réalisations principales : • Développement de nouvelles fonctionnalités : intégration d’évolutions sur le site e-commerce (Symfony/Twig) et le back-office (Symfony/React) et amélioration continue de l’interface utilisateur en respectant les principes d’accessibilité (a11y). • Optimisation et maintenance : refonte du code existant pour gagner en performance et accessibilité, correction de bugs, utilisation de Docker pour le déploiement et la gestion des environnements. • Collaboration technique : participation aux discussions d’architecture et à la mise en place de bonnes pratiques de développement front. Stack : HTML – SCSS - Twig – JS – React – Redux – Bootstrap – Docker