Benoit Rameau

En tant que développeur front-end React chez Canal+, j’ai contribué au développement et à l’optimisation d’interfaces web et TV, avec une attention particulière portée à la compatibilité sur les box opérateurs (Orange, SFR, etc.). Mon travail s’est concentré sur la création de composants performants et maintenables, l’amélioration continue de l’expérience utilisateur, ainsi que le respect des contraintes spécifiques liées aux environnements TV. J’ai collaboré étroitement avec les équipes produit, design et QA pour assurer la qualité et la cohérence des livrables sur tous les supports.

As a Front-End Developer at Radio France on the site radiofrance.fr, I was involved in the design and optimization of web components, with a particular focus on enhancing user experience and accessibility, while closely collaborating with various internal teams. 💡 Achievements: ● Used Svelte and SvelteKit to develop responsive interfaces, improving user experience across various pages by optimizing loading performance, simplifying navigation for an intuitive user journey, creating visually consistent and adaptive layouts for different screens, and ensuring accessibility for all users. ● Migrated and improved GraphQL queries to qgl, enabling more structured and performant data retrieval. ● Resolved bugs and enhanced user interface on multiple pages, including RSS feed pages, podcast templates, and error pages (404, 410, 5XXX). ● Created custom solutions to meet editorial needs, such as excluding external podcasts and customizing RSS feeds, leveraging SvelteKit’s flexibility. ● Designed and implemented technical solutions for editorial needs. ● Developed a filtering system to display only episodes with available audio in the "previous episodes" blocks, and migrated the GraphQL query to optimize the program and column grid, improving user experience and site performance. ● Enhanced integration and design of components on various pages using pure CSS. ● Addressed design and tracking issues and optimized page performance, notably by reducing Largest Contentful Paint (LCP). ● Implemented Vitest and Playwright for automated testing. ● Utilized GitLab for version control. Skills: TypeScript · Vitest · Svelte · GraphQL · GitLab · Playwright · Figma · ESLint · Storybook · Figma

Implemented the American Express payment interface for Payplug merchants and internal teams. Team: 13 people (8 developers, 2 product managers, 2 QA, 1 engineering manager). 💡 Achievements: ● Added new front-end features such as: Created a stepper for American Express onboarding for the Payplug admin team. Implemented the interface and added the American Express payment method on the merchant portal. Developed components using TypeScript and Material-UI. Tested front-end components with Jest and Enzyme. Created custom hooks. Utilized Redux-Saga. Skills: Redux-Saga · React · Jest · Material-UI · Enzyme · Docker · Microservices Architecture · Styled-Components

Redesign and development of tf1info.fr (formerly LCI), maintenance of the back office, and development and maintenance of new components on the API. Team: 9 people (5 developers, 1 product manager, 2 product owners, 1 QA). 💡 Achievements: ● Set up Webpack, React Testing Library, Jest, Storybook, Bundle Analyzer, Sentry (server monitoring), and contributed to enforcing conventions. ● Decided on the framework for the front-end project (choice: Next.js for server-side rendering). ● Developed components using TypeScript and CSS. ● Utilized custom hooks and React’s context API. ● Tested front-end components. ● Managed AMP (Accelerated Mobile Pages) to speed up page loading on mobile devices. ● Collaborated on site performance by following React best practices (e.g., avoiding re-renders, using memoization, dynamic component imports). ● Resolved site regressions (Jest testing and debugging). ● Enhanced SEO results (added metadata and optimized HTML tags). ● Prepared and presented sprint end demos. ● Created a carousel block with Swiper on the homepage. ● Implemented a search bar for election results. ● Displayed social media embeds based on user consent. ● Added auto-play functionality for videos on article pages. ● Designed screens for user login flow. ● Managed user authentication with the Gigya SDK. ● Created CSS animations. ● Adapted components for various screen sizes. ● Refactored legacy code. ● Evolved component functionalities to meet editorial needs (e.g., adding properties for personalized news). Skills: TypeScript · Next.js · React Testing Library · Express.js · Node.js · Docker · Storybook · JIRA · Sentry · Datadog · AMP · Jenkins

Addition of new features on the Front-end side (JavaScript) - Content update - Site regression resolution - Participation in the development of screens in team with the Product Owner and the UX/UI designer - Reflection on business issues and how to respond to them functionally - Redesign of the Iliad group website - Development of the Freebox Pop page - Development of different services under Express - Use of Redux, React Router, ESlint, or StoryBook - Using React Hooks - Continuous CI/CD integration Technical stacks: React-js Node-js typescript Jira Git & Gitlab Material UI + Styled Components Agile Scrum methodology