Youssef Meskini, Developer in Rabat, Rabat-Salé-Kénitra, Morocco
Youssef is available for hire
Hire Youssef

Youssef Meskini

Verified Expert  in Engineering

React Developer

Rabat, Rabat-Salé-Kénitra, Morocco

Toptal member since August 8, 2022

Expertise
Front-endReact.jsTypeScriptJavaScriptReduxNode.jsCSSNext.jsExpress.jsAgile Development
Bio

Youssef is a dedicated full-stack developer specializing in developing Node.js and React applications using best practices. He's passionate about providing solutions for end users, learning and expanding his knowledge, and building high-quality software. Youssef is an expert in testing, including unit, integration, and end-to-end tests.

Portfolio

Gartner - Digital Markets Engineering - Capitalizable
React, Node.js, JavaScript, Next.js, Search Engine Optimization (SEO)...
Health Gateway - Virtual Hospital
Express.js, GraphQL, MongoDB, Amazon Web Services (AWS), WhatsApp API...
Graceful Inc
TypeScript, Next.js, React, CSS, WordPress API, Figma, Framer Motion...

Experience

  • Redux - 6 years
  • HTML - 6 years
  • TypeScript - 6 years
  • React - 6 years
  • JavaScript - 6 years
  • Node.js - 6 years
  • CSS - 6 years
  • Next.js - 6 years

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), Slack, Jira, GitHub, GitLab

The most amazing...

...thing I've built is a fully automated web app getting the latest podcasts by theme and providing them in a polished interface in React.

Work Experience

Full-stack JavaScript Engineer

2023 - 2024
Gartner - Digital Markets Engineering - Capitalizable
  • Tracked page speed performance and improved the codebase to comply with the required SEO standards.
  • Created and refined the tasks for each epic assigned to my team. Reviewed the deployment process and the code sent to production.
  • Implemented high-standard features using Next.js and Tailwind with unit tests (React Testing Library) and E2E tests (Cypress).
Technologies: React, Node.js, JavaScript, Next.js, Search Engine Optimization (SEO), Tailwind CSS, Test-driven Development (TDD), Full-stack, CI/CD Pipelines

Senior Back-end Engineer

2022 - 2023
Health Gateway - Virtual Hospital
  • Developed a chatbot with WhatsApp API to let patients interact with doctors and pharmacists.
  • Specified specs with product managers and UX designers to determine the flow from start to end.
  • Developed ways of interacting with external GraphQL service and AWS DynamoDB.
  • Designed an AWS architecture to interact with other microservices.
Technologies: Express.js, GraphQL, MongoDB, Amazon Web Services (AWS), WhatsApp API, Amazon DynamoDB, Apollo Server, Back-end, Docker, AWS Lambda, Test-driven Development (TDD), CI/CD Pipelines

Next.js and TypeScript Developer

2022 - 2022
Graceful Inc
  • Revamped the marketing website with new designs from Figma.
  • Built the blog with a WordPress API using it as a headless CMS with the on-demand revalidation from Next.js.
  • Used Framer Motion to add animation and canvas to build image series animation.
Technologies: TypeScript, Next.js, React, CSS, WordPress API, Figma, Framer Motion, Material UI, Front-end, CI/CD Pipelines

Front-end Engineer

2020 - 2022
Hopin
  • Transitioned an existing Ruby on Rails view to a React client-side application. Added unit tests, formatting, and lining tools.
  • Built integration between two different products using React and Node.js.
  • Improved the TypeScript of the shared UI library to provide a better developer experience.
Technologies: Next.js, TypeScript, React, Styled-components, HTML, CSS, Webpack, JavaScript, Testing, WebSockets, Front-end, Sentry, CI/CD Pipelines

Front-end Engineer

2019 - 2020
Groupe SeLogerpro
  • Built a server-side rendered React app with Express in TypeScript. After analyzing and benchmarking different stacks like Next.js, the app's performance increased by 90%.
  • Drove workshops on testing in React and Node.js, setting a test coverage of 80%, leading to no bugs in the new app and better confidence when deploying to production.
  • Collaborated with DevOps to migrate the app to AWS, Docker, and Kubernetes, providing the right tools to gather analytics from the app and reduce infrastructure costs.
Technologies: React, Styled-components, Redux, Jest, Node.js, Express.js, CI/CD Pipelines

Front-end Engineer

2018 - 2019
Smart Sailors
  • Migrated the legacy code from AngularJS to React with TypeScript and unit tests with Jest.
  • Built a React Native app, reusing and sharing 70% of the front-end code.
  • Contributed to the back end in JavaScript and Express and gained a full-stack vision of the project.
Technologies: React, HTML, CSS, TypeScript, Jest, Express.js, Cypress, React Native, Front-end, CI/CD Pipelines

Twitch Chat App

Developed a React and Express app that allows users to embed the Twitch chat message to OBS studio thanks to the browser layer. One screen shows the chat messages with the support of emojis through Twitch API, and another screen is a layer used in OBS to show chat messages with animation.

Toptal Node.js Accelerator

https://github.com/ymeskini/node-microservices
The Node.js Accelerator is an exclusive learning program that educates JavaScript and back-end developers in Node.js, Express.js, NestJS, and TypeScript. This two-month program consists of rigorous learning exercises, live instructor-led sessions by SMEs, hands-on activities, a stringent evaluation process, comprehensive assessments, and an incremental project where participants implement a couple of Microservices (REST APIs) using Express.js and NestJS. The incremental project simulates an eCommerce application consisting of two services, such as a user service to implement the authentication with user management and a product-catalog service that offers functionalities to manage inventory.

WhatsApp Chatbot

WhatsApp chatbot allows patients, doctors, and pharmacists to interact with each other in an easy way. I was the back-end engineer that lead and developed the service within AWS Lambda to allow on-demand only and reduce costs.
2013 - 2017

Master's Degree in Engineering Management

ISC Paris - Paris, France

2013 - 2017

Master's Degree in Project Management

Cergy University - Cergy, France

JANUARY 2023 - PRESENT

Computer Science for Web Programming

HarvardX

JANUARY 2023 - PRESENT

Redis Certified Developer

Redis

DECEMBER 2022 - PRESENT

Toptal Node.js Accelerator Graduate

Toptal, LLC

DECEMBER 2022 - PRESENT

Apollo Graph Developer — Associate Certification

Apollo GraphQL

DECEMBER 2022 - PRESENT

MongoDB Associate Developer

MongoDB University

DECEMBER 2022 - PRESENT

Apollo Graph Developer — Professional Certification

Apollo GraphQL

Libraries/APIs

React, Node.js, RxJS, WordPress API, Framer Motion, WhatsApp API

Tools

Prettier, Sentry, Slack, Jira, Webpack, Figma, React Apollo, MongoDB Atlas, MongoDB Shell, GitHub, GitLab

Languages

TypeScript, JavaScript, HTML, CSS, GraphQL, Python, SQL, C

Frameworks

Redux, Next.js, Express.js, JSON Web Tokens (JWT), Cypress, TestCafe, Material UI, Tailwind CSS, React Native, Jest, NestJS, Django

Paradigms

Testing, Search Engine Optimization (SEO), Test-driven Development (TDD), Agile

Platforms

Docker, AWS Lambda, Amazon Web Services (AWS), Visual Studio Code (VS Code)

Storage

Redis, MongoDB, Amazon DynamoDB, Redis Cache

Other

Styled-components, ESLint, Axios, Bug Discovery & Tracking, WebSockets, Front-end, Full-stack, CI/CD Pipelines, IT Projects, Apollo Server, Apollo, Pub/Sub, Back-end, IT Management

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