It’s layers. Change one value at the bottom and it propagates the whole way up, and that propagation is the product.
01Tokens — color, type, space, radii, motion
02Primitives — text, box, stack, grid
03Components — button, field, dialog, table
04Patterns — auth, checkout, bidding, assessment
05Products — the apps people actually use
RTL
نفس النظام، باتجاه معاكس.
Right-to-left isn’t a stylesheet override bolted on at the end. It’s a direction the system is built around from the tokens up — logical properties instead of left and right, mirrored icons, bidirectional text runs. Same layers, same components, struck the other way around.
About
I build fast, accessible interfaces — and the systems that keep them consistent.
I’m a senior front-end engineer working in React, Next.js and TypeScript. What interests me most sits underneath the screens: the design systems, shared packages and monorepos that keep a product coherent as it grows. I’ve shipped auction and e-commerce platforms, assessment systems and high-traffic sites in both English and Arabic, and I move into Vue or NestJS when a project calls for it.
Featured Projects
Built with those layers.
01
Rezefy
Long-Stay Rental Marketplace
Senior Front-End Engineer
Built the tenant marketplace and the landlord portal as two apps on one shared design system.
Shared packages for UI, auth, schemas and i18n keep both apps consistent and are consumed as source, with no build step.
Localized for English and Spanish with the locale in the URL, so every page stays indexable.
Building the tenant marketplace and landlord portal on a shared Next.js design system in a Turborepo monorepo
01
2025–26
Apr 2025 — Sep 2026
Senior Front-End Engineer
Mobasher
Built real estate and auction platforms with Next.js and TypeScript
02
2024–25
Oct 2024 — Mar 2025
Senior Software Engineer
ULA
Developed assessment systems and LMS features with React and GraphQL
03
2024
Jan 2024 — Sep 2024
Senior Software Engineer
Arab Center for Research & Policy Studies
Built a research wiki and back-office tools with Vue.js and GraphQL
04
2021–24
Jun 2021 — Jan 2024
Software Engineer
Majid Al Futtaim
Developed mobile apps and web platforms with React Native and Next.js
05
2020–21
Jan 2020 — Jun 2021
Software Engineer
Optimum Partners DWC LLC
Built Next.js applications and contributed to Forbes.com
06
Get in touch
Open to senior front-end and design-system work.
Tell me what you’re building — a new product, a design system that needs shape, or an existing front end that needs straightening out — and I’ll come back to you.