Mehdi Ayad, Developer in Casablanca, Morocco
Mehdi is available for hire
Hire Mehdi

Mehdi Ayad

Verified Expert  in Engineering

Full-stack Web Developer

Location
Casablanca, Morocco
Toptal Member Since
April 18, 2022

Mehdi is a seasoned front-end developer with vast experience in the startup service industry. He has delivered successful projects such as a leading Moroccan online banking platform and restaurant payment solutions, always creating visually appealing and user-friendly interfaces. Mehdi loves to stay current with the latest tech trends and excels at simplifying complex tech concepts while working in fast-paced environments.

Front-endAlgorithmsResponsive UIWeb DevelopmentReactJavaScriptMaterial UITypeScriptFirebaseVisual Studio Code (VS Code)HTML5CSSReduxWebNext.js

Portfolio

Salesforce
JavaScript, Storefront Reference Architecture (SFRA), React, Headless Commerce...
Bank of Africa (Nimbleways)
React, Next.js, Spring Boot, Material UI, Styled-components, HTML5, TypeScript...
Pricemoov (Nimbleways)
React, Django, Tailwind CSS, Material UI, HTML5, TypeScript, CSS, JavaScript...

Experience

JavaScript - 4 yearsReact - 4 yearsHTML5 - 3 yearsCSS - 3 yearsGatsby - 3 yearsTypeScript - 3 yearsNext.js - 2 yearsReact Native - 2 years

Availability

Full-time

Preferred Environment

Visual Studio Code (VS Code)

The most amazing...

...system I've built is the first online platform that allows consumers to quickly and remotely open an account with one of Morocco's largest banks.

Work Experience

Senior Technical Consultant

2022 - PRESENT
Salesforce
  • Assisted and contributed to the go live of two of the biggest retailers in Europe.
  • Implemented an end-to-end process for reordering and order modification/cancelation.
  • Implemented and customized a cartridge to collect information about users' shopping behavior using Google Tag Manager.
  • Obtained certifications (Salesforce Certified B2C Commerce Developer and JavaScript Developer I).
Technologies: JavaScript, Storefront Reference Architecture (SFRA), React, Headless Commerce, Front-end

Senior Full-stack Developer

2022 - PRESENT
Bank of Africa (Nimbleways)
  • Contributed to the latest release of an opening online bank account platform.
  • Implemented an identity verification solution using OCR technology.
  • Implemented an online payment solution using Morocco Interbank Electronic Banking Center.
  • Developed a back-office application so that bank operators can track and manage client applications.
  • Migrated a part of the app from Create React App to Next.js.
Technologies: React, Next.js, Spring Boot, Material UI, Styled-components, HTML5, TypeScript, CSS, Strapi, JavaScript, APIs, MySQL, HTML, Docker, Web Development, Create React App, Web, Jest, GraphQL, Front-end

Senior Full-stack Developer

2021 - 2022
Pricemoov (Nimbleways)
  • Contributed to a pricing solution application to facilitate the implementation of optimal pricing strategies for eCommerce, retail, B2B, and tourists.
  • Built intuitive, user-friendly interfaces to bulk update pricing strategies for multiple products.
  • Developed an interface to allow the user to upload and visualize products from an Excel file.
  • Built a design system to provide consistent and quality user experiences using Tailwind CSS and MUI.
Technologies: React, Django, Tailwind CSS, Material UI, HTML5, TypeScript, CSS, JavaScript, Algorithms, Redux, APIs, SQLAlchemy, Amazon Web Services (AWS), Web Development, Create React App, Web, Jest, Front-end

Full-stack Developer

2020 - 2021
sundayapp (Nimbleways)
  • Contributed to developing the fastest way to pay in restaurants.
  • Developed a back-office application so that managers could track orders and tables in real time.
  • Integrated several points of sales with the application back end so we could synchronize data between sundayapp and the restaurant POS.
Technologies: Spring Boot, React, Test-driven Development (TDD), HTML5, TypeScript, CSS, JavaScript, APIs, HTML, Web Development, Create React App, Web, Jest, QA Automation, GraphQL, Front-end

Full-stack Developer

2020 - 2020
Monk AI (Nimbleways)
  • Contributed to an AI-powered vehicle inspection solution for the automotive, insurance, and mobility markets.
  • Built a friendly interface to allow users to fill three-step forms in under two minutes using React Navigation and Formik.
  • Developed a custom interface for capturing pictures using react-native-camera.
  • Consumed a Monk AI solution using Firebase functions all along an Express.js server.
  • Implemented an electronic signature solution using react-native-signature-capture.
  • Wrote unit tests using React Native testing library.
Technologies: React Native, Firebase, Formik, TypeScript, Node.js, JavaScript, Testing, Libraries/APIs, Firebase Cloud Functions, Storybook, Jest, QA Automation, Front-end

Front-end Developer

2019 - 2020
5th avenue (Nimbleways)
  • Contributed to a showcase website for the New York Fifth Avenue association.
  • Developed pixel-perfect user interfaces using Gatsby and styled-components.
  • Integrated Contentful for content management to create, update, and publish content to the website.
  • Set up continuous deployment using Netlify and GitHub.
Technologies: Gatsby, Netlify, Contentful, Styled-components, HTML5, TypeScript, React, CSS, JavaScript, Web Development, Web, GraphQL

Pricing Management and Optimization Software

https://pricemoov.com/
A web-based application that helps you save time in price management and optimization. As a React developer, I was conducted to develop a pixel-perfect fluid UI while maintaining good performance. I also contributed to the back-end development using Django and Postgres by implementing business logic and interfacing with different web services.

Online Platform to Open Bank Accounts

https://www.agencedirecte.ma
As a front-end team leader, my job was to ensure that the team was making pixel-perfect user interfaces, challenge the user experience, eliminate external dependencies, and collaborate with the back-end team to optimize the development process.

AI Powered Vehicle Inspection

https://monk.ai
Contributing to building a software solution that automates visual inspections.
My job as a mobile developer was to use React Native and Firebase to create a simple and efficient UI/UX that allows users to conduct an inspection in under two minutes.

Languages

JavaScript, TypeScript, HTML5, CSS, HTML, Python, GraphQL

Frameworks

React Native, Next.js, Material UI, Redux, Django, Spring Boot, Express.js, Tailwind CSS, Jest

Libraries/APIs

React, Formik, Node.js, SQLAlchemy, Libraries/APIs

Tools

Create React App

Platforms

Firebase, Visual Studio Code (VS Code), Web, Netlify, Contentful, Docker, Amazon Web Services (AWS), WordPress

Other

Algorithms, Gatsby, Styled-components, Responsive UI, Front-end, Web Development, Strapi, APIs, API Integration, ACM Problem Solving, Creative Problem Solving, Complex Problem Solving, Firebase Cloud Functions, Storybook, QA Automation, Storefront Reference Architecture (SFRA), Headless Commerce

Paradigms

Test-driven Development (TDD), Testing

Storage

PostgreSQL, MySQL

2017 - 2020

Bachelor of Engineering Degree in Software Engineering

National School for Computer Science | ENSIAS - Rabat, Morocco

SEPTEMBER 2020 - PRESENT

Problem Solving (Intermediate) Skills Certification

HackerRank

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring