Imad Attif, Developer in Salé, Rabat-Salé-Kénitra, Morocco
Imad is available for hire
Hire Imad

Imad Attif

Verified Expert  in Engineering

Front-end React Developer

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

Toptal member since August 11, 2022

Expertise
Code ReviewFront-endReact HooksReactNext.jsTypeScriptCSSJavaScriptGraphQLJamstackEnzymeStrapiReduxVercelPrisma
Bio

Imad is a front-end developer specializing in React ecosystem with three years of experience building web and mobile applications. For the past three years, he has helped clients worldwide build fast websites using the Jamstack approach. His vast experience includes everything from creating headless CMS architectures and building design systems from scratch to transforming designs into pixel-perfect implementations with high performance, accessibility, and SEO scores.

Portfolio

Bejamas
React, Next.js, Gatsby, Code Review, Team Management, Technical Leadership...
Bejamas
Code Review, Mentorship & Coaching, TypeScript, Contentful, Sanity Studio...
Bejamas
Next.js, Gatsby, TypeScript, CSS, React Native, JavaScript, Prismic, HTML...

Experience

React - 3 yearsNext.js - 3 yearsCSS - 3 yearsTypeScript - 3 yearsGatsby - 3 yearsJavaScript - 3 yearsGraphQL - 3 yearsStorybook - 3 years

Availability

Part-time

Preferred Environment

MacOS, Visual Studio Code (VS Code), Slack, Jira, GitHub, TypeScript

The most amazing...

...thing I've developed is an eCommerce web application called YouPlant.

Work Experience

Front-end Team Leader

2022 - PRESENT
Bejamas
  • Contributed to internal activities, including recruitment, estimations, code standards, open source, and internal knowledge base development.
  • Supported junior front-end developers when needed, wrote documentation, and prepared feedback for team members.
  • Contributed to developers' lifecycle calls, onboarding calls, and trial summary meetings.
  • Participated in client calls as a consultant and prepared project demo calls.
Technologies: React, Next.js, Gatsby, Code Review, Team Management, Technical Leadership, Headless Commerce, Netlify, Contentful, CSS-in-JS, Jest, Jamstack, Sanity Studio, Strapi, Directus, Vercel, CSS, JavaScript, Headless CMS, Redux, GraphQL, Front-end, Front-end Architecture, Front-end Development

Senior Front-end Developer

2022 - 2022
Bejamas
  • Developed a web app from scratch that tracks, monitors, and manipulates agriculture data for a data research company, designing the front-end architecture and integrating it with back-end microservices.
  • Contributed to the internal engineering community and provided innovative solutions and suggestions for development improvement.
  • Supported other developers through coaching and code reviews and participated actively in improving internal processes.
  • Worked as an external developer with a Swiss company to build new product features from start to finish through conception, research, implementation, and maintenance of front-end apps.
Technologies: Code Review, Mentorship & Coaching, TypeScript, Contentful, Sanity Studio, Storyblok, Prismic, Strapi, Directus, Vercel, Netlify, Headless Commerce, Redux, GraphQL, tRPC, CSS-in-JS, Jest, Jamstack, Storybook, CSS, React, Next.js, Gatsby, React Native, JavaScript, Headless CMS, Linaria, Front-end, Front-end Architecture, Front-end Development, React Hooks, Context API, Redux Toolkit, React Query

Front-end Developer

2021 - 2022
Bejamas
  • Built a complex web application for managing call center agents' data. It provides features like monitoring interviews in real-time, managing agents, importing and filtering data, etc.
  • Migrated legacy content websites to Gatsby and Next.js with custom headless CMS using the Jamstack approach, resulting in a high Web Vitals score.
  • Developed custom-designed websites for popular companies in an agile environment in alignment with project managers, UI/UX designers, and QA engineers.
  • Developed a mobile application that uses geolocation to track survey distributions, handling a significant number of surveys daily.
Technologies: Next.js, Gatsby, TypeScript, CSS, React Native, JavaScript, Prismic, HTML, Headless Commerce, Redux, GraphQL, Netlify, Contentful, CSS-in-JS, Jest, Jamstack, Sanity Studio, Strapi, Directus, Vercel, Storybook, React, E2E Testing, Headless CMS, Cypress, Storyblok, Enzyme, Linaria, Front-end, Front-end Architecture, Front-end Development, Fauna, React Hooks, Context API, Redux Toolkit, React Query, Prisma

Front-end Developer

2019 - 2021
Imedia24
  • Developed an eCommerce web app with a custom checkout flow, multiple payment providers, and a custom design system, resulting in positive user feedback and increased sales and organic traffic.
  • Created a component library from scratch with documentation and good developer experience, resulting in fast implementation of features.
  • Refactored a back office web app and improved user experience.
Technologies: TypeScript, Next.js, CSS-in-JS, GraphQL, JavaScript, HTML, Headless Commerce, E2E Testing, Cypress, Jest, Jamstack, Vercel, Storybook, CSS, React, Gatsby, Redux, Contentful, Enzyme, Front-end, Front-end Architecture, Front-end Development, React Apollo, React Hooks, Context API, React Query, Prisma

YouPlant eCommerce Web App

https://youplant.com
A Next.js-based web app. As the front-end developer, I worked with a back-end developer to implement complex features like custom checkout and customer reviews. I contributed to implementing the design system from scratch and ensuring a high SEO and speed score.
2018 - 2019

Bachelor's Degree in Mobile Applications Engineering

Mohammed V University - Rabat, Morocco

2016 - 2018

Associate Degree in Software Engineering

Mohammed V University - Rabat, Morocco

Libraries/APIs

React, Linaria, React Query, Context API

Tools

Redux Toolkit, React Apollo, Prisma

Languages

TypeScript, CSS, JavaScript, GraphQL, HTML

Frameworks

Next.js, Redux, Cypress, React Native, tRPC, Jest

Paradigms

Jamstack, E2E Testing

Platforms

Sanity Studio, Contentful, Storyblok, Directus, Vercel, Netlify

Other

Gatsby, Code Review, Front-end, Front-end Architecture, Front-end Development, React Hooks, Headless CMS, Prismic, CSS-in-JS, Storybook, Team Management, Technical Leadership, Strapi, Enzyme, Fauna, Headless Commerce, Mentorship & Coaching

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