Imad is available for hire
Hire ImadImad Attif
Verified Expert in Engineering
Front-end React Developer
Turin, Metropolitan City of Turin, Italy
Toptal member since August 11, 2022
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 products 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
- Headless CMS - 7 years
- Front-end Development - 7 years
- TypeScript - 7 years
- CSS - 7 years
- React - 7 years
- Next.js - 7 years
- Tailwind CSS - 5 years
- AI Agents - 1 year
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 PostgreSQL, 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, Node.js, REST APIs, GraphQL API, Google Analytics, Data Modeling, Software Architecture, System Architecture, Web Applications, JSON, Marketo Engage, Agentic Frameworks, Large Language Models (LLMs), AI Integration, Distributed Systems, APIs, WebSockets, Website Performance, AI Agents, CI/CD Pipelines, CMS, Event-driven Systems, User Interface (UI), User Experience (UX), Artificial Intelligence (AI), DevOps
Front-end Team Leader
2022 - 2024
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, Node.js, REST APIs, GraphQL API, Google Analytics, Data Modeling, Software Architecture, System Architecture, Web Applications, JSON, Large Language Models (LLMs), Distributed Systems, APIs, Website Performance, CI/CD Pipelines, CMS, User Interface (UI), User Experience (UX), DevOps
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, Node.js, REST APIs, GraphQL API, Data Modeling, Software Architecture, System Architecture, Web Applications, JSON, Distributed Systems, APIs, Mobile Development, WebSockets, Website Performance, CI/CD Pipelines, CMS, User Interface (UI), User Experience (UX), DevOps
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, Node.js, REST APIs, GraphQL API, Data Modeling, Software Architecture, System Architecture, Web Applications, JSON, Distributed Systems, APIs, Website Performance, CI/CD Pipelines, CMS, User Interface (UI), User Experience (UX), DevOps
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, Node.js, REST APIs, GraphQL API, Web Applications, JSON, APIs, CI/CD Pipelines, CMS, Headless CMS, User Interface (UI), User Experience (UX), DevOps
Experience
Pika.art AI Video Generation Platform
https://pika.artI shipped AI video-generation features used by millions. I owned full-stack work across PostgreSQL, APIs, Next.js server components and actions, Figma-driven UI, analytics, logging, security, and AI back-end integrations.
Brex Website
https://brex.comI 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.orgI led the o1Labs website from scratch as a modular Next.js application with a design system built from Figma, GSAP animations, and Sanity CMS. I owned the front-end architecture end-to-end, translating complex product and brand designs into a scalable component system that marketing and engineering could extend over time.
Takeda Website
https://www.takeda.comI worked on Takeda’s web platform as a front-end engineer alongside the design team. I built a shared UI library and production pages: reusable components aligned with brand and accessibility so new pages could ship consistently.
I also helped migrate content from traditional CMSs to a headless architecture, writing scripts to move existing content cleanly and reduce manual work. I integrated Algolia for blog search, enabling users to quickly find articles across a growing content library.
I also helped migrate content from traditional CMSs to a headless architecture, writing scripts to move existing content cleanly and reduce manual work. I integrated Algolia for blog search, enabling users to quickly find articles across a growing content library.
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, Node.js, REST APIs, GraphQL API, Playwright, GSAP
Tools
Redux Toolkit, React Apollo, Prisma, Google Analytics, Astro, Shadcn, Vitest, Claude Code, Sentry, Figma
Languages
TypeScript, CSS, JavaScript, GraphQL, HTML, SQL
Frameworks
Next.js, Redux, Cypress, Agentic Frameworks, React Native, tRPC, Jest, Tailwind CSS
Paradigms
Jamstack, Mobile Development, DevOps, E2E Testing
Platforms
Sanity Studio, Contentful, Storyblok, Directus, Vercel, Netlify, Marketo, Marketo Engage, Algolia
Storage
JSON, PostgreSQL
Other
Gatsby, Headless CMS, Code Review, Front-end, Front-end Architecture, Front-end Development, React Hooks, Web Applications, APIs, CMS, User Interface (UI), Prismic, CSS-in-JS, Storybook, Team Management, Technical Leadership, Strapi, Enzyme, Data Modeling, Software Architecture, System Architecture, Large Language Models (LLMs), AI Integration, Distributed Systems, WebSockets, Website Performance, Event-driven Systems, AI Agents, CI/CD Pipelines, User Experience (UX), Artificial Intelligence (AI), Headless Commerce, Mentorship & Coaching, Supabase, Supabase Auth, Radix UI, Turborepo, Cloudflare, Cursor AI, Zustand, Design Systems, Web Development
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