Imad Attif, Developer in Turin, Metropolitan City of Turin, Italy
Imad is available for hire
Hire Imad

Imad Attif

Front-end React Developer

Turin, Metropolitan City of Turin, Italy

Toptal member since August 11, 2022

Expertise
Front EndGatsbyJSCode ReviewReact.jsNext.jsTypeScriptCSSJavaScriptGraphQLStrapiVercelContentfulReduxCloudflare
Bio

Imad is a front-end engineer specializing in the React ecosystem with 7 years of experience building web applications with React, Next.js, and TypeScript. He has helped clients worldwide ship product and marketing experiences, from AI platforms used by millions to content-rich enterprise sites. His work covers headless CMS architectures, design systems, and pixel-perfect implementations focused on performance, accessibility, and SEO.

Portfolio

Tinloof
TypeScript, React, Next.js, Astro, Headless CMS, Tailwind CSS, Supabase...
Bejamas
React, Next.js, Gatsby, Code Review, Team Management, Technical Leadership...
Bejamas
Code Review, Mentorship & Coaching, TypeScript, Contentful, Sanity Studio...

Experience

  • CSS - 7 years
  • Front-end Architecture - 7 years
  • React - 7 years
  • Next.js - 7 years
  • TypeScript - 7 years
  • Tailwind CSS - 5 years
  • Headless CMS - 5 years
  • Sanity Studio - 5 years

Preferred Environment

TypeScript, React, Next.js

The most amazing...

...thing I've developed is a suite of AI video-generation features on Pika.art that millions of people use every day.

Work Experience

Senior Front-end Engineer

2024 - PRESENT
Tinloof
  • Shipped AI video-generation features on Pika.art used by millions, covering Postgres, APIs, Next.js server components, Figma UI, analytics, logging, and AI integrations.
  • Built Brex's marketing site on Next.js and Sanity, including schema design, animated pages, and tested UI components for product launches and recruitment campaigns.
  • Migrated CarVertical's multi-language site from a legacy CMS to Sanity, improving SEO and Core Web Vitals across localized pages.
  • Delivered Quiltlabs.ai from scratch with content modeling, full UI, and Next.js-Sanity visual editing, SSG/SSR, blog, and contact forms.
  • Converted Figma designs into Marketo email-nurture templates in partnership with marketing teams.
Technologies: TypeScript, React, Next.js, Astro, Headless CMS, Tailwind CSS, Supabase, Supabase Auth, PostgreSQL, Radix UI, Shadcn, Turborepo, Vitest, Playwright, Vercel, Cloudflare, Marketo, Claude Code, Cursor AI, Sentry, Zustand, Sanity Studio

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, 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, Front-end, Front-end Architecture, Front-end Development, 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

Experience

Pika.art AI Video Generation Platform

https://pika.art
Shipped AI video-generation features used by millions. Owned full-stack work across Postgres, APIs, Next.js server components and actions, Figma-driven UI, analytics, logging, security, and AI backend integrations.

Brex Marketing Website

https://brex.com
Developed content schemas and pixel-perfect animated pages for Brex's Next.js and Sanity marketing site, with unit- and integration-tested UI components for product launches and recruitment campaigns.

o1Labs Website

https://o1labs.org
Led the o1Labs website from scratch as a modular Next.js application with a design system built from Figma, GSAP animations, and Sanity CMS. Owned the frontend architecture end to end, translating complex product and brand designs into a scalable component system that marketing and engineering could extend over time.

Education

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

Skills

Libraries/APIs

React, React Query, Context API, Playwright, GSAP

Tools

Redux Toolkit, React Apollo, Prisma, Astro, Shadcn, Vitest, Claude Code, Sentry, Figma

Languages

TypeScript, CSS, JavaScript, GraphQL, HTML, SQL

Frameworks

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

Paradigms

Jamstack, E2E Testing

Platforms

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

Storage

PostgreSQL

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, Headless Commerce, Mentorship & Coaching, Supabase, Supabase Auth, Radix UI, Turborepo, Cloudflare, Cursor AI, Zustand, Design Systems

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