Profile
MT

MOHAMMED TOUATI

Frontend Developer

Design-focused Frontend Developer with expert command of UI/UX. Bridges the gap between creative vision and engineering, translating complex Figma designs into pixel-perfect, accessible Next.js applications. Passionate about performance, component architecture, and delivering polished, interactive user experiences.

Egypt, Cairo
+20 1017172564

Experience

Freelance Frontend Developer

10/2025 – Present
  • Delivering pixel-perfect web applications by bridging the gap between high-fidelity Figma designs and production code.
  • Implementing complex UI logic and state management using React Server Actions and custom hooks.

Freelance Graphic/Web Designer

01/2018 – 10/2025
  • Executed end-to-end design solutions, ranging from complex brand systems, infographics and data visualisation to responsive web interfaces in Figma and Adobe Creative Suite.
  • Collaborated with developers to ensure design feasibility, creating detailed handover documentation, asset kits, and interactive prototypes.

Projects

TaskBoard

Developed a high-performance tasks tracker leveraging Server Components for reduced bundle size. Secured app with Better-Auth and Zod validation. Enhanced user experience with URL-based state management (NUQS) and React Query.

Next.js 16
React 19
PostgreSQL

ChefGPT

Built an AI-powered culinary assistant to generate recipes from available ingredients. Designed the interface in Figma and executed a pixel-perfect implementation. Implemented an intelligent chat assistant using Server Actions.

Next.js 16
TypeScript
OpenAI API

Designed and developed a responsive website for a modular architecture company, featuring smooth, scroll-driven animations using Motion for React.

Next.js 16
React 19
Motion for React

Technical Skills

Core & Frameworks

TypeScript
JavaScript
Next.js 16
React
Node.js
HTML5
SQL

Libraries & Styling

Tailwind CSS
Motion for React
TanStack Query
Zod
shadcn/ui
Radix UI

Backend & Tools

Supabase
PostgreSQL
Prisma
Drizzle
Git
Vercel
Figma
Adobe Suite

Education

Master’s in Mechanical Engineering (Power)

Languages

ArabicNative
EnglishProfessional
FrenchIntermediate