About me

Developer.
Designer. Builder.

Self-taught, Iraq-based, and taking on client projects.
I take a product from first wireframe to deployed site: the design and the frontend code, both mine.

Mustafa's Picture

Available

Mustafa Manhal

Front-end Developer

Ui-Ux Designer

I'm a self-taught developer and designer based in Iraq. I started with HTML and CSS out of curiosity and haven't stopped since. Today I work across the full design-to-code pipeline, from user research and Figma prototypes through to deployed Next.js applications.

I care deeply about clean interfaces, fast experiences, and code that's easy to reason about. Every project I build is shipped to production. Nothing stays in a drawer.

Location
Iraq
Focus
Frontend + UI/UX
Stack
Next.js · TypeScript · Tailwind
Status
Available for projects
Download CV

what i know

Skills & proficiency

dev

React / Vite

85%

Hooks

Context

React Router

State

dev

Next.js App Router

90%

App Router

Layouts

Server Components

Vercel

Client Components

dev

JavaScript

90%

ES6+

Async / await

DOM

Fetch

dev

TypeScript

90%

Interfaces

Generics

Typed props

Axios

dev

Tailwind CSS

95%

Utility-first

Responsive

Dark mode

Animations

design

Figma

90%

Wireframing

Prototyping

Design systems

Variables

design

UX Research

80%

User interviews

Journey maps

Usability testing

design

User Flows

85%

Task flows

UX states

Edge cases

Empty states

design

Design Systems

90%

Tokens

Components

Variants

Documentation

design

Bilingual & RTL

90%

EN/AR

Mirrored layouts

Type in two scripts

design

Visual Direction

80%

References

Type & hierarchy

Moodboards

design

Responsive Layout

90%

Mobile-first

Tablet

Desktop

Breakpoints

tools

Tooling & DX

80%

Git

GitHub

GitLab

Conventional commits

dev

Redux Toolkit

80%

Redux Store

createSlice

RTK Query

Thunks

How I got here

Learning journey

2022 · Early days

Started with HTML & CSS

First contact with web development. Built static pages and learned the fundamentals of how the web works.

Dev

2023 · Design curiosity

Discovered UI/UX design via Figma

Started designing interfaces in Figma. Built hero section prototypes and explored visual design principles: typography, spacing, color theory.

Design

2024 · The Odin Project

Went deep on React

Completed The Odin Project React course. Built the CV application, memory card game, and shopping cart, all deployed to production.

Dev
3 projects shipped

2025 · Going full-stack frontend

Next.js + TypeScript + Tailwind

Started deepening skills in the modern production stack. Built and deployed Next.js projects, set up GitHub and GitLab SSH workflows, and began a 90-topic Next.js roadmap.

Dev

2026 · Now

Building this portfolio

Designing and developing a production portfolio combining everything: Next.js App Router, TypeScript, Tailwind, and Figma design work. Now taking on client projects: bilingual design and frontend builds for small companies and startups.

Available for projects

Under the hood

What this site is built with

Designed in Figma, built with Next.js, and deployed on Vercel. Every piece of this portfolio was chosen, wired up, and shipped by me.

Framework

  • Next.js 16App Router, static generation
  • React 19Server & client components
  • TypeScriptTyped routes & props
  • TurbopackDev server & builds

Styling

  • Tailwind CSS v4Utility-first styling
  • Design tokensColors & spacing
  • Tabler IconsIcon set
  • GeorgiaSite-wide serif

Content

  • MDXBlog posts & case studies
  • rehype-slugHeading anchors & TOC
  • Dynamic OG imagesGenerated per page

Forms & email

  • Server ActionsContact form submission
  • ZodSchema validation
  • ResendEmail delivery

Infrastructure

  • VercelHosting & deploy previews
  • Git & GitHubVersion control
  • Vercel AnalyticsTraffic & Web Vitals
  • ESLintLinting

Design

  • FigmaWireframes & UI screens
  • Design systemComponents & variables
  • WebP assetsOptimised screen exports