01
Frontend product UIs
React, Next.js and TypeScript interfaces with reusable components, clear ownership and bilingual EN/AR flows.
▪ React ▪ Next.js ▪ TypeScript ▪ JavaScript ▪ Tailwind ▪ Node.js ▪ Jest ▪ Vite ▪ Webpack ▪ GitHub Actions
01 / Experience
Experience
Roles shipping merchant, payments, and SaaS products.
Owned frontend development across merchant-facing products: operations surfaces, merchant panels, checkout, SDKs, and internal tools.
- Refactored a shopping-cart SDK, reducing integration time by ~40%.
- Built headless merchant environments, reducing release regressions by ~20%.
- Shipped 10+ monthly releases using a trunk-based CI/CD workflow.
- Delivered front/back end workflows, improving efficiency by ~55%.
A BNPL back office for merchants and operations.
- Built purchase, onboarding, and settlement management.
- Implemented fraud, collections, and credit risk workflows.
- Developed marketing, campaigns, and automated reminders.
- Built reporting dashboards and credit-bureau integration.
- Implemented RBAC with bilingual (EN/AR) support.
Sr. Frontend Engineer
Led frontend development across multiple client products.
- Built responsive web apps serving 500+ daily users.
- Delivered 6+ UI features quarterly with design and backend teams.
- Reduced bundle size by 35% using lazy loading and Webpack.
- Built reusable components across 3+ projects, reducing dev time by 25%.
An F&B point-of-sale and inventory platform.
- Built POS, inventory, and order management.
- Implemented menu, recipe, and category management.
- Designed real-time sales analytics dashboards.
- Built multi-branch menu, pricing, and staff management.
- Developed employee self-service portals and HR features.
An investment onboarding and KYC platform.
- Built 5 real-time operational dashboards.
- Implemented bilingual (EN/AR) support and 5 user roles.
- Built onboarding with OTP, Nafath, KYC, and KYB.
- Tracked 10+ business KPIs, reducing review time by 40%.
- Integrated secure banking and identity providers.
Sr. Software Developer
Built internal payment dashboards and real-time financial reporting tools.
- Built a tenant management dashboard handling real-time data visualization.
- Presented 4+ features on schedule through 2-week agile sprints.
- Collaborated across 3+ teams to ensure a seamless user experience.
- Executed export functionality supporting multiple file formats.
- Initiated interactive charts by displaying transaction history and statistics.
- Used React.js, Recharts, and Tailwind / shadcn.
Mid. Software Engineer
Developed enterprise SaaS applications for digital government services.
- Built and maintained 3+ scalable SaaS applications.
- Developed a complaints system serving 14+ user roles.
- Implemented RBAC, multi-step forms, and admin dashboards.
- Improved code maintainability by 30% through refactoring.
- Reviewed 20+ PRs/month and mentored junior developers.
Software Developer (Part-time)
Modernized legacy web applications using React.
- Migrated AngularJS applications to React.js.
- Developed and optimized React applications.
- Improved application performance and maintainability.
Web Developer
Delivered websites and admin systems for multiple clients.
- Built 10+ portfolio websites.
- Converted HTML websites into WordPress.
- Gathered requirements and delivered end-to-end solutions.
02 / Services
How I can help a team ship thoughtful frontend work.
02
Mobile & macOS apps
Cross-platform Android, iOS, and macOS apps with React Native, built for clarity and maintainable delivery.
03
Design to code
Turn PSD, AI, Sketch, XD, PDF and JPG files into live, usable interfaces — alone or with a design partner.
04
Performance
Lazy loading, lean bundles and runtime care so the product feels light and fast on real devices.
05
Accessibility & bilingual
Keyboard-first, assistive-tech ready UI with WCAG-minded patterns and native EN/AR support.
06
Delivery & tooling
CI/CD, testing and review culture that keep multi-team products shipping steadily every month.
03 / Expertise
What I focus on when shipping product interfaces.
React, Next.js, TypeScript
Product UIs with strong typing, reusable components, and clear ownership of merchant and ops surfaces.
Application architecture
Headless environments, SDK integration paths, and trunk-based delivery that keep releases steady.
Bundle and runtime care
Lazy loading, lean dependencies, and measurable wins — including double-digit bundle reductions.
Inclusive interfaces
Bilingual EN/AR flows, RBAC-aware UI, and patterns that stay usable with keyboard and assistive tech.
CI/CD and quality
GitHub Actions, GitLab CI, Jest, and review culture that keep multi-team products shipping monthly.
Agent-assisted development
Cursor Agents, Figma MCP, and copilots used as leverage — with humans owning the product bar.
04 / Principles
Standards I hold every interface to by default.
Accessible
Usable with assistive technologies by default — not as an afterthought.
Progressively enhanced
Semantic content first, modern CSS second, JavaScript as enhancement.
Performant
The product experience needs to feel lightweight and fast on real devices.
05 / Selected work
Portfolio
Side projects, each with a live demo and source.
eCommerce platform
Couch furniture design
Online eCommerce store offering pieces of modern furniture.
Online restaurant
Vintage Foodage
An online recipe store where each recipe lists its ingredients, so users can order the dish or cook it themselves.
Online travel agency
Earth Slow
Earth Slow is a startup that offers tours around the world.
06 / Writing
Notes and articles.
Open to thoughtful software roles and product collaborations.
Let's work together.
Building thoughtful frontend systems.