Ziad Hatem — Frontend DeveloperZiad HatemFRONTEND
DEVELOPER
DEVELOPER
Frontend developer on B2B SaaS teams — multi‑tenant dashboards, admin consoles, and customer portals that hold up in production.1
Frontend Developer at Brackets Technology, remote KSA · CS student, CairoCurrently — Frontend Developer at Brackets Technology, remote KSA · CS student, Cairo
PROOF
1 — the claim above, measured. Run it yourself any time.ziadhatem.dev — productionReachable in the last daily check
checked 2026-07-07 04:30 UTCVerify ↗ (opens external site)
94
PerformancePASS
96
AccessibilityPASS
100
Best PracticesPASS
100
SEOPASS
WEB VITALS · LCP 2.6 s · CLS 0 · TBT 0 ms · BUDGET · JS 348 / 105 KB · 3rd-party 3 req · 60 KB
90-Day Checks9 of 9 real checks passing
2026-04-17 — not checked2026-04-18 — not checked2026-04-19 — not checked2026-04-20 — not checked2026-04-21 — not checked2026-04-22 — not checked2026-04-23 — not checked2026-04-24 — not checked2026-04-25 — not checked2026-04-26 — not checked2026-04-27 — not checked2026-04-28 — not checked2026-04-29 — not checked2026-04-30 — not checked2026-05-01 — not checked2026-05-02 — not checked2026-05-03 — not checked2026-05-04 — not checked2026-05-05 — not checked2026-05-06 — not checked2026-05-07 — not checked2026-05-08 — not checked2026-05-09 — not checked2026-05-10 — not checked2026-05-11 — not checked2026-05-12 — not checked2026-05-13 — not checked2026-05-14 — not checked2026-05-15 — not checked2026-05-16 — not checked2026-05-17 — not checked2026-05-18 — not checked2026-05-19 — not checked2026-05-20 — not checked2026-05-21 — not checked2026-05-22 — not checked2026-05-23 — not checked2026-05-24 — not checked2026-05-25 — not checked2026-05-26 — not checked2026-05-27 — not checked2026-05-28 — not checked2026-05-29 — not checked2026-05-30 — not checked2026-05-31 — not checked2026-06-01 — not checked2026-06-02 — not checked2026-06-03 — not checked2026-06-04 — not checked2026-06-05 — not checked2026-06-06 — not checked2026-06-07 — not checked2026-06-08 — not checked2026-06-09 — not checked2026-06-10 — not checked2026-06-11 — not checked2026-06-12 — not checked2026-06-13 — not checked2026-06-14 — not checked2026-06-15 — not checked2026-06-16 — not checked2026-06-17 — not checked2026-06-18 — not checked2026-06-19 — not checked2026-06-20 — not checked2026-06-21 — not checked2026-06-22 — not checked2026-06-23 — not checked2026-06-24 — not checked2026-06-25 — not checked2026-06-26 — not checked2026-06-27 — not checked2026-06-28 — not checked2026-06-29 — not checked2026-06-30 — not checked2026-07-01 — not checked2026-07-02 — not checked2026-07-03 — not checked2026-07-04 — not checked2026-07-05 — not checked2026-07-06 — not checked2026-07-07 — up2026-07-08 — up2026-07-09 — up2026-07-10 — up2026-07-11 — up2026-07-12 — up2026-07-13 — up2026-07-14 — up2026-07-15 — up
SELECTED WORK
7 · live7 projectsall in production
W-01production·shipped 2026-07
OpsDesk
Multi-tenant support-ops console — tickets, orders, incidents, SLA/escalation, automation, org-scoped RBAC, and a customer portal, on Next.js and Supabase.
- arch
- multi-tenancy · RBAC · SLA + automation · audit
- test
- 61 unit + component · 12 E2E, no CI yet
- stack
- Next.js · TypeScript · Supabase · Stripe
ops-desk.ziadhatem.dev
W-05production·shipped 2026-04
Nexus Orchestrator
Multi-tenant workflow-automation app, built solo — webhook triggers, a queued execution engine with a standalone worker, WebAuthn passkeys, and per-org audit logging.
- arch
- multi-tenancy · workflow engine · execution queue · audit
- test
- unit tests, no CI yet
- stack
- Next.js · TypeScript · Supabase · Sentry
nexus-orchestrator.ziadhatem.dev
W-02
Juffali Trucks
2025-03Bilingual (EN/AR, full RTL) catalog browsing and filtering UI for a Saudi commercial-vehicle dealer, mid-migration off GraphQL onto a custom indexed REST API.
W-03
Jeddah International College
2024-06Bilingual (EN/AR) CMS-driven marketing site for a private Saudi college, migrated from Next.js 14 to 15 while live.
W-04
JPGS
2026-07Bilingual (EN/AR) marketing site rebuild for a K-12 school, now live.
W-06
Apex Workspace
2026-06Bilingual (EN/AR) marketing and booking site for a real Jeddah coworking operator, over a headless Statamic CMS.
W-07
Saudi Banks
2023-09Bilingual (AR/EN) fraud-awareness campaign and banking news hub for Saudi Arabia's official Banking Media and Awareness Committee.
ABOUT
Started shipping production code at 17 while studying CS. I work on B2B SaaS frontends for Saudi enterprise clients at Brackets Technology, and I care about the unglamorous things: performance budgets, keyboard navigation, and component architecture the next engineer can read.
2023 CS50 · Meta Frontend Certificate2024 Frontend Developer, Brackets Technology2025 CS undergraduate, Cairo
WRITING & CONTACT
Compound components without the footguns
2025-09Config-prop components rot as requirements grow. Compound components stay clean — if you avoid three specific mistakes. This is the pattern I use in production, with the reasoning.
contact@ziadhatem.devGitHub/ziad-hatem (opens external site)LinkedIn/in/ziadhatem2026 (opens external site)
I read every serious message and reply within 24h.