MJ.
Senior Frontend Developer (ReactJS & NextJS)

Mohammed
Jemmoudi

Experienced Software Engineer with a passion for programming and a strong background in full-stack development. Currently, I stand out as a front-end engineer specialized in React.js and Next.js. These frameworks have enabled me to efficiently create attractive user interfaces and robust web applications. I take pride in my exceptional communication skills, which have consistently received positive feedback from clients. By actively engaging with stakeholders and understanding their needs, I ensure to deliver high-quality solutions that meet their expectations. Motivated by challenges, I strive to be productive and efficient in all my projects. My desire to stay at the forefront of industry trends and my dedication to continuous learning have helped me maintain a strong skill set and deliver outstanding results.

12+

Years of exp.

7

Roles

8

Skill Families

React.js·Next.js·TypeScript·Go·Tailwind CSS·Sass/SCSS·PostCSS·tsup·Turborepo·PNPM·Vite·esbuild·Jest·React Testing Library·Storybook·Docusaurus·MDX·Class Variance Authority (CVA)·Tailwind Variants·Tailwind Merge·Motion One·Floating UI React·React Hook Form·ESLint·Prettier·MobX·Adyen·Axios·Webpack·NextJS·GraphQL·RTL·Cypress·Docker·Figma·NodeJS·Next Auth·Git·CSS-In-JS·Styled-components·React-Router·Redux·Redux-Saga·Styled Components & Ant Design·Node.js·Nest.js·Mongoose·TypeORM·Axios Interceptors·ReactJS·React Router·SASS·PHP (Symfony)·MySQL·Apache Cordova·OneSignal (Push notification)·HTML·CSS/bootstrap·Android platform·Retrofit·MVP Architecture·React native·Ducks·Realm·Responsive Layout·React Navigation·React native voice.·JavaScript·PHP·Yii Framework·Bootstrap·jQuery and AJAX·React.js·Next.js·TypeScript·Go·Tailwind CSS·Sass/SCSS·PostCSS·tsup·Turborepo·PNPM·Vite·esbuild·Jest·React Testing Library·Storybook·Docusaurus·MDX·Class Variance Authority (CVA)·Tailwind Variants·Tailwind Merge·Motion One·Floating UI React·React Hook Form·ESLint·Prettier·MobX·Adyen·Axios·Webpack·NextJS·GraphQL·RTL·Cypress·Docker·Figma·NodeJS·Next Auth·Git·CSS-In-JS·Styled-components·React-Router·Redux·Redux-Saga·Styled Components & Ant Design·Node.js·Nest.js·Mongoose·TypeORM·Axios Interceptors·ReactJS·React Router·SASS·PHP (Symfony)·MySQL·Apache Cordova·OneSignal (Push notification)·HTML·CSS/bootstrap·Android platform·Retrofit·MVP Architecture·React native·Ducks·Realm·Responsive Layout·React Navigation·React native voice.·JavaScript·PHP·Yii Framework·Bootstrap·jQuery and AJAX·

Trajectory

Work history

01

Servier Oncology

Lead Frontend Developer / UI Kit Maintainer

Oct 2024 – Present

Suresnes, France

Lead Frontend Developer and UI Kit Maintainer responsible for maintaining the DNA Design System UI kit and all sub-packages in a monorepo architecture. Working on the comprehensive design system that includes reusable React components, icons, templates, and documentation for building modern web applications.

Responsibilities

  • Maintain and develop the DNA Design System UI kit (@servier/dna)
  • Maintain icon library package (@servier/dna-icons)
  • Maintain template components package (@servier/dna-templates)
  • Ensure consistency and quality across all design system packages.
  • Manage monorepo architecture using Turborepo and PNPM workspaces.
  • Maintain documentation sites (Storybook, Docusaurus, UI Lab: a demo app)
  • Participate in products using design system packages through:
  • Code reviews to ensure proper usage of design system components
  • Direct issue resolution and PR creation to assist other developers
  • Develop and maintain tooling for design system analytics and monitoring

Key Achievements

  • Maintained comprehensive design system monorepo with multiple packages
  • Ensured cross-package compatibility and consistency
  • Managed versioning and releases across multiple packages
  • Maintained high-quality documentation and component examples
  • Created DNA Scanner (servier/dna-scanner): A command-line tool written in Go that integrates into CI/CD pipelines across all products using the design system. The scanner collects usage analytics and insights about @servier/dna package adoption, published as a universal library within Servier's artifact repository
  • Built Analytics Dashboard: Developed a Next.js application that ingests data from the DNA Scanner and provides:
  • Product adoption metrics showing how many products use design system packages
  • KPIs and statistics about component usage across the organization
  • Component-level impact analysis with detailed import tracking per product, enabling data-driven decisions on component changes and deprecations
React.jsNext.jsTypeScriptGoTailwind CSSSass/SCSSPostCSStsupTurborepoPNPMViteesbuildJestReact Testing LibraryStorybookDocusaurusMDXClass Variance Authority (CVA)Tailwind VariantsTailwind MergeMotion OneFloating UI ReactReact Hook FormESLintPrettier
02

Royal Canin

Frontend Tech-Lead, E-commerce Platform

Jul 2023 – Sep 2024

Paris

  • Led a team of 4 frontend developers to develop an e-commerce platform for Royal Canin, focusing on dog and cat food sales, utilizing React.js, TypeScript, and MobX.
  • Implemented secure payment functionalities using Adyen and developed a user-friendly, responsive interface with Tailwind CSS.
  • Managed API integration and upkeep through Axios, and optimized application builds using Webpack.
  • Collaborated with external teams for integrating product catalogs and sheets, providing a custom React.js library to enhance their page functionalities.
  • Provided technical mentorship and skill development for the frontend team, ensuring high standards of code quality and adherence to best development practices.
React.jsTypeScriptMobXAdyenTailwind CSSAxiosWebpackNextJSGraphQLJestRTLCypressDockerFigma
03

DisneyLand Paris

Senior Frontend Developer

Mar 2021 – Jun 2023

Val d'Europe, France

Since joining the company in March 2019, I have worked on various projects, all contributing to the disneylandparis.com digital platform. React.js has been a key library used in these projects, in various forms, including MPA, SPA, and full-stack with the NextJS framework. As a member of the digital team, my responsibilities have included:

  • Integrating UI components into the Fantasia-DS design system.
  • Implementing various user stories authored by Product Owners.
  • Migrating older projects to the new NextJS architecture.
  • Conducting unit and functional testing using Jest, Mocha, and React Testing Library.
  • Performing end-to-end tests with Cypress and Cucumber.
  • Working on mapping API GraphQL data to DLP modules.
  • Attending various meetings regarding the new migration framework to Next.js.
  • Assisting development teams in their migration process as a technical reference.
  • Participating in the recruitment process for new developers to strengthen Disney teams.
  • Conducting code reviews, validation, and deploying ongoing developments to test environments.

Overall, my experience at Disneyland Paris as a front-end developer has involved working on complex projects with a variety of technologies and tools, collaborating closely with other members of the digital team to bring new features to the disneylandparis.com platform. My work has been crucial in enhancing the user experience for park visitors and contributing to the success of Disneyland Paris.

React.jsNextJSNodeJSTypeScriptNext AuthGraphQLJestReact Testing LibraryCypressDockerGitFigmaTailwind CSSStorybookCSS-In-JSStyled-components
04

DisneyLand Paris

Web Developer (React.js & Node.js)

Mar 2019 – Feb 2021

Val d'Europe, France

Participation in the implementation of the new e-commerce platform for Disneyland Paris. This involves a complete renovation of the online sales platform of Disneyland Paris, known as "Package." The platform enables users to book a complete stay online, including transportation and hotel accommodation.

Implementation of a dynamic mock system to address API issues and facilitate development. This involves a Mock API that uses production data and comes into play when the actual APIs stop responding.

Another important point:

  • Writing unit tests (Sinon.js, Mocha, Jest, react-testing-library)
  • End-to-end testing with Cypress
  • Participation in Agile SAFE rituals.
TypeScriptReact.jsReact-RouterReduxRedux-SagaStyled Components & Ant DesignNode.jsNest.jsMongooseTypeORMAxios Interceptors
05

Eutech-SSII

Full-stack Developer

Aug 2016 – Jan 2019

Troyes, France

Thales (e-Jet mobile app)

Participation as a Frontend and Mobile Developer in the implementation of Thales e-JET. The application offers group employees the ability to exchange similar positions for a period of six to twelve months, using a Tinder-like matching system.

AG2R La Mondiale (Vivons-Velo)

Participation in the development of the Vivons-Vélo web and mobile application, dedicated to cycling activities, along with a solidarity program to accumulate donations for the Pasteur Institute.

CHU Troyes (MyGHT eco-system)

Participation in the development of the CALIPSO application. This is a service platform that is part of the MyGHT toolset. Calipso enables nurses and doctors to monitor the elderly and cater to their needs.

HERETIC SAS (Signal-Arnaques.com)

Development of a community website for reporting scams and sharing negative experiences (scams on Leboncoin, phone scams, etc.). The website has now become a reference in this field and offers several tools to combat this type of crime, including a REST API, a Chrome & Firefox extension, and an AI that helps determine whether a person (email, phone number) is trustworthy or not.

ReactJSMobXReact RouterAxiosWebpackSASSPHP (Symfony)MySQLApache CordovaOneSignal (Push notification)HTMLCSS/bootstrapAndroid platformRetrofitMVP ArchitectureReact nativeReduxDucksRealmResponsive LayoutReact NavigationReact native voice.JavaScriptPHPYii FrameworkBootstrapjQuery and AJAX
06

2WLS

Software Engineer

Oct 2015 – Apr 2016

Casablanca, Maroc

Engaged in the collaborative development of TOTAL-GAZ Loyalty, a strategic initiative designed to foster seller loyalty and elevate the visibility of TOTAL's brand offerings.

  • Contributed to client engagement during the requirement specification phase, ensuring a clear understanding of project objectives.
  • Led the successful creation of the mobile application for Android users, delivering a seamless and user-friendly experience.
  • Engineered the robust backend infrastructure utilizing PHP and Symfony, ensuring efficient data management and seamless functionality.
  • Performed thorough research and executed advanced enhancements to continually refine and evolve the platform.
  • Provided dedicated support to clients throughout the deployment process, ensuring a smooth and successful transition to the new system.
07

HT Connect

Web Developer

Aug 2013 – Nov 2014

Marrakech, Maroc

In my capacity as a web developer, I have taken on the roles of designer, developer, and maintainer for websites and applications, harnessing cutting-edge languages and technologies. I have adeptly tackled intricate technical challenges, demonstrated seamless teamwork, and played a pivotal role in refining the company's online footprint to deliver unparalleled user experiences.

Noteworthy achievements encompass:

  • Seamlessly incorporating visual identities through HTML and CSS, ensuring a cohesive visual allure.
  • Crafting robust backend business solutions with PHP, enhancing functionality and dependability.
  • Employing jQuery and JavaScript for frontend advancement, producing immersive and interactive interfaces.
  • Crafting user guides to empower efficient navigation for users within the sites and applications under my purview.

Foundations

Academic path

Oct 2012 – Jul 2015

Master Degree in Software Engineering and Computer Systems

ENSET Mohammedia

University Hassan II, Morocco

The Software Engineering and Computer Systems program at ENSET Mohammedia focuses on in-depth study and skill development related to the design, development, management, and optimization of software and computer systems. This program aims to train engineers specialized in creating software and designing robust, efficient, and innovative computer systems.

Here are some key elements of this program:

  • Programming Languages: Mastery of programming languages (C, C++, and JAVA) and their best practices for software development.
  • Algorithms and Data Structures: Understanding algorithms and data structures to effectively solve problems and optimize performance.
  • Software Design: Learning design principles, design patterns, and architectures to create scalable and modular software.
  • Software Development Life Cycle: Knowledge of software development phases, from requirements analysis to maintenance.
  • Software Security: Understanding security vulnerabilities, authentication, authorization, and best practices to secure applications.

Oct 2010 – Jul 2012

Associate Degree in Computer Engineering and Networks

EST Safi

Cadi Ayyad University, Morocco

The Associate Degree in Computer Engineering and Networks (DUT in France) is a two-year university-level program focused on the fields of computer science, computer networks, and information technologies. This program prepares students to become skilled technicians in the design, management, and maintenance of computer systems and networks.

Here are some key elements of this program:

  • Foundations in Computer Science: In-depth understanding of fundamental computer science concepts, including programming, algorithms, data structures, and databases.
  • Computer Networks: Learning the principles of computer networks, including configuration, management, and maintenance of local area networks (LAN) and wide area networks (WAN), as well as communication protocols.
  • System Administration: Acquiring skills in system administration, including server configuration and maintenance, user and permission management, and performance monitoring.
  • Web Development: Concepts of web development are covered, including website creation, client-side and server-side programming, as well as the use of web languages and technologies.
  • Communication and Social Skills: Developing communication and teamwork skills, as these are essential in the professional world.

Sep 2007 – Jul 2010

High School Diploma (Physics-Chemistry)

Lycée Hassan II, Morocco

Obtaining the high school diploma from the prestigious Hassan 2 High School in Safi, is a significant milestone in my educational journey. This achievement reflects not only my efforts and dedication to my studies but also the excellence of the education provided by the institution.