About me

Recent Experience

Vectice

Lead Front-end

Vectice

France

March 2024 - Present

Description:

Vectice is a company specializing in automated documentation for data science. They offer a platform that enables teams to efficiently document and track artificial intelligence models, accelerating their deployment.

As the Lead Front End and UX/UI Designer at Vectice, my role involves leading and managing the development of the platform's frontend components, implementing best practices to ensure quality and scalability.

Responsibilities:


  • Technical Supervision: Overseeing frontend development and evaluating technologies to integrate into our tech stack.
  • Collaboration: Working closely with team members and stakeholders to define requirements and project roadmap.
  • Component Libraries: Creating and maintaining reusable component libraries to streamline development and ensure consistent user interfaces.
  • User Experience: Designing and implementing an intuitive user experience in the frontend to ensure easy adoption by clients.
  • Feature Development: Developing and integrating new features to enhance user experience and meet end-user needs.
  • Agile Release Management: Managing an agile release cycle with weekly releases, including three days of development and one day of QA testing.


Tech environment:
Notion, JavaScript, TypeScript, React, react-query, Material-UI, Storybook, Jest, React-testing-library, Crowding, Graphql, Figma, GCP, Ngnix, Jira, GitHub
Ineria Consulting

Full Stack Engineer

Ineria Consulting

France

September 2023 - January 2024

Project: Content Streaming Application


Description: 

This strategic project involved designing and developing an application for streaming various programs.

  • Access to live broadcasts, including sports events, concerts, interviews, and special shows.
  • Compatible with multiple devices such as smartphones, tablets, and smart TVs.

Mission:

  • Assessment: Evaluate project requirements and their impact on the existing system.
  • Cost Estimation: Provide accurate cost and resource estimates for implementing new features or modifications.
  • Coding Best Practices: Implement coding best practices to ensure optimal quality.
  • Code Review: Regularly review code to identify and correct issues.
  • Client Involvement: Engage the client at each development stage to ensure the application meets their needs and requirements.
  • Multi-Device Compatibility: Develop an application compatible with various devices such as smartphones, tablets, and smart TVs.
  • User Experience Synchronization: Synchronize user experience to allow resuming program viewing across different devices.
  • Monetization Model: Implement a monetization model that could include ads, premium subscriptions for ad-free access, or in-app purchases for exclusive content.
  • Free Trial: Offer a free trial period to encourage adoption and retain users.
  • Data Security: Establish robust measures to ensure user data security.
  • Marketing Campaign: Implement a targeted marketing campaign to attract potential users and create buzz around the application.

Tech environment: 
Notion, Expo SDK 49, React Native, Node.js, JavaScript, TypeScript, Tailwindcss, GCP, Firebase, FireStore.
Bessé

Frontend Engineer

Bessé

France

September 2022 - July 2023

Projects:

Project PFJD - Financial and Legal Protection for Executives:
  • Developed an intranet for subscription and electronic signature.
  • Integrated SIREN/SIRET verification and digital signature with YouSign and Quadient.
Project OPM - Equipment Protection Offer:
  • Designed an intranet/extranet for insurance certificates.
  • Developed solutions for validating and managing customer requests.
Project Saga:
  • Contributed to the development of the decision-making space for professionals and individuals.
  • Integrated a cookie tracking module and user activity management.
Project Motors:
  • Proof of Concept (POC), development, and conversion from PHP 4 to Next.js.
  • UI/UX design: Created and presented interfaces and prototypes for RCMS and OPM products.
Besse Components:
  • Developed a base theme module containing reusable components and the project’s graphic charter.

Mission:

  • Impact Analysis: Conducted thorough analyses to assess the impact of proposed changes on existing systems.
  • Accurate Estimation: Prepared precise estimates considering the required resources in terms of time, labor, and technology.
  • Feasibility Assessment: Evaluated project feasibility based on technical constraints and client requirements.
  • Quality Standards: Implemented strict standards to ensure code quality and adherence to industry best practices.
  • Testing Coverage: Ensured comprehensive unit and functional testing to guarantee application robustness.
  • Lifecycle Management: Proactively managed the application lifecycle to ensure scalability and adaptability to changes.
  • Cookie and User Activity Tracking: Implemented a module for tracking cookies and user activity.

Tech environment:

Next.js, React, TypeScript, Webpack, Material UI, Adobe XD, Illustrator, Jest, React Testing Library, Atomic Design, GitLab, Gravitee, Keycloak, Apicurio, Swagger, Git, Jira, Confluence, Postman, Teams, Visual Studio Code
HappyPal

Frontend Engineer

HappyPal

France

May 2022 - September 2022
Project: Web and Mobile CSE Platform

Description: 
As a Front-End Engineer at HAPPYPAL, I played a key role in developing and enhancing web and mobile applications.

Mission:
  • Impact Analysis: Conducted impact analyses for new features, assessing implications on existing code.
  • Accurate Estimation: Prepared precise estimates for maintenance tasks, bug fixes, and application performance improvements.
  • Feasibility Assessment: Collaborated with the backend team to evaluate the feasibility of new features.
  • Workload Estimation: Accurately estimated the workload required for implementing new features, ensuring alignment with technical specifications.
  • Continuous Maintenance: Maintained the application continuously while remaining agile to meet the evolving needs of the project.
  • Active Contribution: Actively contributed to the application's evolution, ensuring alignment with product requirements.
  • High-Quality Standards: Maintained high code quality standards using static analysis methodologies and regular code reviews.
  • Componentization: Promoted component-based development to make the code modular and reusable.

Tech environment:
React, React Native, TypeScript, Webpack, TailWindCss, Node.js, Nest.js, Apollo, GraphQL, Jest, React Testing Library, Atomic Design, GitHub, Jira, Asana, Git, Slack, Postman, Visual Studio Code
Wiztivi

Frontend Developer

Wiztivi

France

March 2019 - April 2022

Project: Vodafone and Liberty Global


Description: 
Vodafone is a leading technology communications company in Europe and Africa. Liberty Global is an Anglo-Dutch multinational telecommunications company headquartered in London, Amsterdam, and Denver.
As a JavaScript Developer at Wiztivi, I contributed to major projects for high-profile clients such as Vodafone and Liberty Global, demonstrating a range of technical and organizational skills.


Mission:

  • Accurate Estimations: Prepared precise estimates for each task, considering the specificities of Wiztivi's SDKs (SDK4 to SDK7).
  • UI Improvements Feasibility: Evaluated the feasibility of UI improvements to ensure optimization and stability, particularly in environments like Smart TVs and set-top boxes.
  • Workload Estimation: Estimated workload based on different SDK versions, incorporating the unique requirements of each country covered by the Vodafone project.
  • Testing Coverage: Ensured comprehensive test coverage, achieving a coverage rate of 66%.
  • Quality Improvement: Actively contributed to continuous product quality improvement by synchronizing product needs with backend teams and other vendors.
  • Performance Optimization: Ensured smooth navigation under suboptimal performance conditions by optimizing code for boxes with limited resources.
  • Multi-Country Complexity Management: Managed the inherent complexity of sectors spanning multiple countries with different configurations, ensuring effective communication to meet product needs.
  • Code Review: Actively participated in Pull Requests and Code Review processes, contributing to maintaining consistent code quality.

Tech environment:
JavaScript, Node.js, Karma, Jest, Jira, Confluence, Git, Slack, AWS, Postman, Mitmproxy, Python, Bash, SDK Wiztivi, TestTools.
VALUE IT

Full stack developer

VALUE IT

Morocco

December 2017 - February 2019

Project:


Sahel Edu:
In this project, I developed an educational social network platform, transforming it into an interactive environment where users could create their own domains, add teachers, and organize courses for students.
Carrefour Label-vie Market:
As the Front-End UI/UX Lead, I played a key role in the Carrefour Label-vie Market project, a platform aimed at reducing in-store administrative tasks.

Description:

As a Full Stack JavaScript Engineer at VALUEIT, my missions involved active participation in specialized projects using Angular and React. I demonstrated my ability to create innovative solutions, maintain high code quality standards, and adapt agilely to the challenges of each project.

Mission:

  • Requirements Evaluation: Assessed the project requirements for Sahel Edu and Carrefour Label-vie Market, identifying impacts on existing systems.
  • Workload Estimation: Estimated the workload for feature development, considering the various technical environments used.
  • Platform Transformation: Contributed to transforming the Sahel Edu platform into an engaging educational social network, demonstrating agility in meeting the project's changing needs.
  • Transition Facilitation: Facilitated the transition in the Carrefour Label-vie Market project by centralizing access to store systems, optimizing communication, and ensuring a smooth adaptation.
  • Technologies Utilized: Employed a variety of technologies, including React, Angular 8, and TypeScript, to create intuitive and efficient user interfaces.
  • Centralized Access Solutions: Implemented centralized access solutions to optimize communication within Carrefour Label-vie Market.
  • Collaboration: Worked closely with product teams and stakeholders to ensure a clear understanding of objectives and requirements.
  • Code Review: Actively participated in code review processes, ensuring consistent code quality across diverse environments.

Tech environment:
React, Angular 8, TypeScript, Java 8 - Spring (Boot, sécurité, Data), Hibernate/JPA, Maven, Spring Data, WebPack, Bootstrap, OAuth, Passport, Node.js, Express, Web Socket, Firebase, Push notification, MySQL, PHP, Laravel, WebStorm, IntelliJ IDEA
InovaSquad

InovaSquad

Full stack developer

Morocco

July 2015 - November 2017

Project:

Artinove is an application designed for artisans, freelancers, small businesses, and SMEs to manage clients, quotes, credits, and invoices.

Description:
As a Developer at Artinove, I played a crucial role in migrating a major project from Asp.net to Angular, significantly contributing to the development and optimization of the web and mobile applications.

Mission:

  • Feasibility Evaluation: Assessed the feasibility of the migration based on the technical requirements and specifications of the project.
  • Workload Estimation: Estimated the workload necessary for developing new features.
  • Frontend Development: Handled 80% of the frontend, implementing strict standards to ensure code quality and comprehensive test coverage.
  • Project Migration: Actively participated in migrating the project from Asp.net to Angular, involving a thorough analysis of the impact on the existing architecture.
  • Code Optimization: Optimized code and response times, especially for client-side PDF generation in web and mobile environments.
  • Mobile Development: Developed the mobile version of the application for Android and iOS using the Ionic Cordova framework, ensuring a consistent user experience across different platforms.
  • Frontend Leadership: Led the frontend development, including designing widgets, guidelines, and dynamic components.
  • Plombart Application Development: Contributed as a Tech Lead and technical manager to the Plombart application, using Ionic 3 and Angular 2 to create an e-showcase focused on user management, stock, orders, and graph generation.

Tech environment:
AngularJs, Angular 2, Ionic 1, 3, Phone Gap, Cordova, JSON, Node.js, Express, SocketIO, Karma, Glup, PHP, ASP.net, HTML5, CSS3, Bootstrap, jQuery, JavaScript, TypeScript, Jira, Git, Oauth, Photoshop

Web developer internship

Morocco

January 2015 - July 2015
Description:
I participated in the technical overhaul of the Artinove application, migrating it from ASP.net, C#, and VB to a Single Page Application (SPA) using the AngularJS framework. I was responsible for 80% of the frontend, focusing on UI/UX, widgets, guidelines, dynamic components, and responsive design.

Mission:

  • Technical Overhaul: Contributed to the technical revamp of the Artinove application, migrating from ASP.net, C#, and VB to AngularJS.
  • Frontend Leadership: Took charge of 80% of the frontend development, including UI/UX design, widget creation, guidelines, dynamic components, and responsive design.
  • PSD to HTML/CSS: Sliced PSD mockups and created showcase sites for various artisan clients.

Tech environment:
Jira, Git, Bitbucket, Smart Git, WebStorm, HTML5, CSS3, SCSS, jQuery, JavaScript, Bootstrap, AngularJs, Node.js, ASP.net, MVC, C#, VB, Photoshop