Mehdi Al ouafi

- Built and maintained an **internal component library** using **React + TypeScript**, adopted across multiple teams. - Set up a comprehensive **Storybook** environment with **automated documentation** and contribution guidelines. - Developed **internal tools** (CLI, scripts, templates) to streamline front-end workflows and enforce coding standards. - Designed and **advocated for the company Design System**, including architecture, design tokens, theming, and adoption strategy. - Implemented a **Clean Front-End Architecture** using **Redux**, ensuring scalability, maintainability, and testability. - Established a **unit and integration testing strategy** with **Jest** and **React Testing Library**. - Actively contributed to **code reviews**, **technical mentoring**, and definition of **front-end best practices**.

- Strengthening the composability of React components through modern tools and practices - Developing server-side features using DDD and CQRS principles - Integrating modern front-end solutions: TypeScript, React, Vite - Setting up CI pipelines to improve development workflows - Developing new features and refactoring for better maintainability - Initiating the integration of Tailwind to simplify style management and enhance visual consistency Technical Stack : Javascrip, Vuejs, Direflow, Redux, React, Nodejs, Express, DDD, TDD, CQRS (back-end), styled-components, SASS, rabbitmq

- Collaboration in a high-intensity environment: 10+ squads with a lead developer, 3-4 developers, and QA per team - Strengthening craft practices and testing methodologies in a significant legacy context - Refactoring tests to reinforce the testing pyramid: - Creation and maintenance of end-to-end tests (Cypress, Cucumber) - Introducing collaborative best practices, such as mob programming in TDD, to accelerate development and ensure code quality - Organizing technical sessions to foster collaboration and solution sharing among developers Technical Stack: Node.js, TypeScript, Cypress, Cucumber, TDD, Legacy Refactoring, End-to-End Testing

- Introduced new tools to the team as a Full Stack Engineer for a SaaS platform, enhancing the composability of React components and improving both developer and user experience. - Resolved multiple performance issues in the front-end application, resulting in a faster and more responsive user experience. - Contributed to the development of new server-side features, showcasing versatility as a Full Stack Developer. Technical Stack: AngularJS, JavaScript, Webpack, Vue.js, Direflow, React, Node.js, Express, DDD, TDD, CQRS (back-end), Semantic HTML

- Maintained and developed new client-side features as a Front-End Engineer for a B2B platform. - Collaborated closely with a meticulous designer to implement a responsive interface using React and Redux. - Led a team of two engineers for 5 months, providing guidance, ensuring code quality, and meeting delivery deadlines. - Gained strong technical expertise, leadership skills, and a keen eye for design, ready to tackle new challenges in the industry. Technical Stack: AngularJs, React, Redux, TDD, Jest, CMS Contentful

- Worked within the web/front-end expertise team at Octo Technology Paris, a renowned company with impactful and tech-recognized projects. - Delivered missions using modern technologies such as Angular, Vue, React, Next.js, Node.js, GraphQL, and TypeScript. - Implemented and promoted quality practices including testing strategies, TDD, code reviews, and accessibility improvements. - Collaborated closely with teams to adopt and enhance development workflows through pair programming, mob programming, and clean architecture principles. Technical Stack: Angularjs Node.js, PostgreSQL, Docker, GitLab, Auth0, React, Redux, SCSS, Vue.js Team Practices: TDD, Clean Architecture / Hexagonal Architecture, Pair Programming, Mob Programming, Code Reviews

Technical stack: React(+SSR), Redux, Sanity, Cypress, GitLab, Jest/Mocha/Chai, Webpack, Sass, BEM Team practices: TDD, Pair programming and code review

First professional experience as a Fullstack Web Developer at Simplon.Prod, where I developed critical technical and problem-solving skills in an environment that encouraged self-learning. Quickly became the go-to person for React Native and Node.js projects due to my hands-on approach and ability to deliver. These three years were highly practical, allowing me to build foundational expertise by tackling real-world challenges without relying on advanced methodologies like TDD or craft practices. Key Projects: - OTOP (Youth Social Network): Led the development of the mobile application using React Native and Redux. Also contributed to building the API, ensuring smooth communication between the app and the backend. Technical Stack: React Native, Redux, Node.js, GitLab, Mongoose, AWS S3 Team Practices: Pair programming, mob programming, and code review - TrollKillerBox: Collaborated on the development of a browser extension (Firefox/Chrome). Focused on the backend while a colleague handled the front-end. The API dynamically generated meme images, allowing users to choose an image and overlay text. Technical Stack: React, Node.js, GitLab, Mongoose - GRDF Dé à m2: Developed a React Native application and its corresponding API for GRDF. Implemented specific calculation rules for GRDF teams, ensuring accuracy and functionality. Technical Stack: React Native, Redux, Node.js, GitLab, Mongoose - GRDF Visa: Built a web application using React.js, designed to handle large forms and generate PDF outputs for GRDF's needs. Technical Stack: React, Redux, Meteor.js Team Practices: Pair programming and code review This experience solidified my ability to take ownership of fullstack projects, adapt quickly to new challenges, and thrive in a hands-on learning environment. It laid the groundwork for my career, combining technical versatility with resourcefulness.

Une Heure de Code est un mouvement mondial qui touche plusieurs dizaines de millions d’élèves dans plus de 180 pays. Tout le monde peut organiser un évènement une Heure de Code. Le but était d'offrir une initiation au code informatique d'une journée à des élèves de collège en les accompagnant dans l'accomplissement de module d'apprentissage de code fourni par le mouvement, par le bias de bloc de logique.