Othmane Tayab, Developer in Azemmour, Casablanca-Settat, Morocco
Othmane is available for hire
Hire Othmane

Othmane Tayab

Verified Expert  in Engineering

React Developer

Azemmour, Casablanca-Settat, Morocco

Toptal member since November 23, 2021

Bio

Othmane is a front-end engineer specializing in React, TypeScript, and Next.js. His focus is on creating fast, optimized, and user-friendly front-end web applications. Additionally, Othmane has experience working on full-stack projects using Python and Node.js.

Portfolio

Above Lending Inc
React, Node.js, JavaScript, TypeScript, Webpack, Front-end, Architecture, Jest...
Snipfeed
React, TypeScript, React Apollo, Next.js, Styled-components...
Beyond Finance, LLC
React, JavaScript, TypeScript, Redux, Node.js, Webpack, Front-end...

Experience

  • React - 4 years
  • Next.js - 3 years
  • TypeScript - 3 years
  • React Testing Library - 3 years
  • Apollo - 2 years
  • Styled-components - 2 years
  • Node.js - 2 years
  • Cypress - 2 years

Availability

Full-time

Preferred Environment

React, TypeScript, Next.js

The most amazing...

...thing I've developed is a real-time computer vision web application.

Work Experience

Senior React Engineer

2022 - PRESENT
Above Lending Inc
  • Helped in migrating and maintaining our production application to Next.js and TypeScript.
  • Contributed to adding a payment flow to our customer dashboard to simplify UX for customers looking to pay off loans sooner than expected.
  • Maintained a 98%+ code coverage during the development of both our initial React app and the new Next.js app.
Technologies: React, Node.js, JavaScript, TypeScript, Webpack, Front-end, Architecture, Jest, Stripe

Senior Software Engineer

2021 - PRESENT
Snipfeed
  • Developed pixel-perfect responsive UIs based on Figma designs.
  • Optimized the front-end architecture to provide a pleasant UX for millions of users.
  • Integrated 3rd-party services for payments on the back end (i.e., Stripe, Paypal), along with their webhook infrastructure.
  • Handled plenty of data migrations, including some zero downtime data migrations.
  • Developed a fully-fledged calendar booking system and an online e-course builder.
  • Assisted in an atomic design system for a scalable front end to ensure fast feature throughput.
  • Maintained a high standard for automated testing and code quality.
Technologies: React, TypeScript, React Apollo, Next.js, Styled-components, React Testing Library, Cypress, Apollo, Pixel Perfect, JavaScript, HTML, CSS, Responsive Web Apps, Front-end, Tailwind CSS, MongoDB, Node.js, GraphQL, CI/CD Pipelines, Architecture, Jest, Full-stack

Senior React Engineer

2022 - 2022
Beyond Finance, LLC
  • Migrated the legacy React app to a better-architected React and TypeScript app.
  • Maintained over 98% coverage throughout the migration process.
  • Oversaw the development portion of a total site redesign for pixel-perfect Sketch design matching.
  • Integrated Heap and Hotjar to help our team make decisions based on real user data.
  • Implemented a reusable, scalable A/B testing structure to our React app to help A/B test new features.
Technologies: React, JavaScript, TypeScript, Redux, Node.js, Webpack, Front-end, Technical Leadership, Jest

Technical Interviewer

2020 - 2021
Gemography
  • Conducted the 1-hour long in-depth front-end and full-stack technical interviews.
  • Reviewed the candidates' profiles alongside the interview evaluation to provide a pertinent overall recommendation.
  • Collaborated on ways to optimize the interviewing structure and process.
Technologies: Interviewing, Front-end

Full-stack Engineer

2019 - 2021
TrueFace
  • Reworked the back-end architecture on a web-based CCTV monitoring app for a more straightforward and efficient video processing flow, which resulted in a sixfold processing speed increase.
  • Oversaw the writing of all unit tests achieving over 90% code coverage and E2E tests for more complex user flows.
  • Refactored the front end to implement design patterns, such as publish-subscribe and inversion of control, to provide a maintainable and extensible codebase.
  • Adapted the front end to have a more user-friendly experience when on mobile devices.
  • Set up the CI/CD pipelines on multiple repositories to run the tests, build, and update the latest Docker images and deployments running at the time.
  • Assisted in live streaming with multiple formats, including HLS, MJPEG, and DASH.
  • Reviewed the code and mentored the team members to ensure the highest quality deployments.
Technologies: React, React Testing Library, Cypress, Node.js, Python, PostgreSQL, Docker, Redux, Pixel Perfect, JavaScript, HTML, CSS, Responsive Web Apps, Front-end, CI/CD Pipelines, Technical Leadership, Jest, Full-stack

Full-stack Engineer

2019 - 2019
DigiServ
  • Developed an app for managing peer-to-peer lendings.
  • Assisted in designing a scheduling microservice to be used in multiple upcoming MVPs.
  • Created the responsive web pages according to the precise Adobe XD designs.
Technologies: React, Spring Boot, Styled-components, Pixel Perfect, JavaScript, HTML, CSS, Responsive Web Apps, Front-end, CI/CD Pipelines, Jest, Full-stack

Experience

Snipfeed

http://snipfeed.co
A web-based app to help online creators and influencers monetize their creativity.

While building the app with React, TypeScript, and Next.js, I had the chance to collaborate with and learn from high-level software engineers on creating a high-traffic web app. We focused on optimizing and delivering a high-quality user experience.

Dayra

Dayra was a web-based app to help manage peer-to-peer lendings.

I helped with the enhancement and refinement of the front-end implementation using React and styled-components. Furthermore, I introduced a few features while working on the back end with Spring Boot.

MotionPix

https://motionpix-app.firebaseapp.com/
A movie discovery app to find movies and TV shows.

I worked on this app as a side project to acquire the fundamental skills needed to become more independent and have better problem-solving skills when building modern SPA web apps using React.

Skills

Libraries/APIs

React, Node.js, React Testing Library, Stripe

Tools

React Apollo, Webpack

Languages

TypeScript, JavaScript, CSS, GraphQL, HTML, Python

Frameworks

Jest, Next.js, Cypress, Spring Boot, Redux, Tailwind CSS

Platforms

Docker

Storage

PostgreSQL, MongoDB

Other

Styled-components, Pixel Perfect, Responsive Web Apps, Front-end, Mobile First, Full-stack, Apollo, CI/CD Pipelines, Technical Leadership, Architecture, Interviewing

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