Senior Frontend Engineer

Shaping customer journeys across high-traffic commerce experiences.

I'm a product-minded Senior Frontend Engineer with experience spanning high-traffic commerce at noon, client platforms across Europe and the United States, and open-source contributions across product and developer-facing work.

My recent work includes discovery and merchandising experiences, account modernization, 0-to-1 product development, and frontend leadership across projects where product impact, architecture, and execution quality all matter.

Based in EgyptOpen to relocationArabic · English · German
8 countries27%+ CTR uplift2 major rewrites

Resume

Selected Work & Skills

A focused view of the commerce work, client platforms, open-source contributions, and technical strengths that best represent how I build and lead frontend experiences.

8 Countries

Built customer-facing products across 8 countries, from noon.com's high-traffic commerce experiences in Egypt, UAE, and Saudi Arabia to public platforms delivered across Europe and the United States.

0 → 1

Owned the frontend of noon AI Assistant from early MVP to a production-ready customer experience with richer guidance, validation, localization, and analytics.

27%+ CTR

Click-through uplift driven by redesigning core product discovery surfaces and merchandising hierarchy on noon.com.

2 Rewrites

Helped modernize noon.com and led the rewrite of account.noon.com, moving key surfaces onto Next.js 15, React 19, TypeScript 5.6, pnpm, and Turborepo foundations.

50+ Juniors

Mentored 50+ junior engineers and interns, acted as a senior or a lead mentor in noon's CAKE program for 5 cohorts, and interviewed 40+ candidates while strengthening onboarding quality.

4 Teams

Led the frontend workstream across four teams during account.noon.com modernization, aligning migration delivery, rollout quality, and shared frontend patterns.

Featured Work

Storefront & Discovery Leadership

noon.com · Core commerce surface

  • Help lead the discovery journey across search, PLP, PDP, merchandising, and navigation surfaces that influence how customers browse and evaluate products.
  • Delivered repeated improvements across filters, sorting, category tree, product box, reviews, and experimentation-heavy product surfaces.
  • Worked close to conversion-facing UX where clarity, performance, and visual hierarchy directly affect business outcomes.
Next.jsReactTypeScriptAnalyticsPerformanceExperimentation
Account.noon.com Modernization

account.noon.com · Platform modernization

  • Directed the frontend workstream across four teams while helping migrate the platform to Next.js 15, React 19, and TypeScript 5.6.
  • Delivered work across profile, contact, validation, translations, navigation, and shared account flows.
  • Balanced migration work with product correctness, rollout follow-through, and maintainability improvements.
Next.js 15React 19TypeScriptFormsLocalizationCross-team Delivery
noon AI Assistant

noon.com · 0-to-1 AI product

  • Owned the frontend from MVP to production, shaping guidance flows, validation, localization, analytics, and the customer UX.
  • Worked in a small cross-functional team to turn an early concept into a production-ready AI shopping experience.
  • Handled stateful interactions and UI sequencing across fast-moving iterations and feature expansion.
AI ProductAnalyticsLocalizationValidationState ManagementUX
McMakler Real Estate Search & Map Visualisation

McMakler GmbH · Public client work

  • Engineered around 60% of the property page components using React, Next.js, GraphQL, and Mapbox GL JS.
  • Improved map-driven search accuracy and interaction between map state and property data visualisation.
  • Extended the internal component library with tests, refactors, and new reusable pieces.
ReactNext.jsGraphQLMapboxEmotionComponent Library
FINVIA Wealth Management Platform

FINVIA Family Office · Public client work

  • Implemented internationalisation across the frontend and built multi-step forms with validation and strong test coverage.
  • Established theming foundations and responsive layouts with cross-browser reliability.
  • Helped keep quality high through unit tests, Storybook coverage, and end-to-end validation.
ReactTypeScriptGraphQLi18nReact Hook FormMaterial UI
Model Group Online Shop

Model Holding AG · Public client work

  • Revamped the front end of the online shop to align with Figma across the requested breakpoints.
  • Refactored roughly 70% of the CSS structure to improve maintainability.
  • Simplified legacy shop component structure and improved long-term implementation quality.
SalesforceLWCCSSJavaScriptFigma
Fair and Simple Recruitment Platform

Fair and Simple · Public client work

  • Built frontend UI flows, integrated Google Drive API behavior, and supported theming across the recruitment platform.
  • Contributed through implementation and code review while helping keep the product consistent and usable.
  • Worked across product polish and technical integration in a smaller delivery environment.
ReactGraphQLGoogle Drive APIStyled Components
K.I.T. Group Event System

K.I.T. Group · Public client work

  • Built multi-step reservation flows and dashboard planning experiences for event operations.
  • Improved planning UX with drag-and-drop behavior and more reliable user flows.
  • Worked on product surfaces that balanced complex state, usability, and operational clarity.
ReactGraphQLDrag and DropMulti-step Forms

How I Work

Professional focus

  • Product-minded frontend execution across commerce, account, and shared UI surfaces.
  • Strong comfort switching between feature delivery and modernization/refactor work.
  • Fluent in AI-assisted workflows for faster iteration, cleaner debugging, and better documentation.

Open Source Contributions

Mozilla Perfcompare
Open Source Contributions

Improved accessibility, tests, and CI stability for Mozilla's performance comparison tool.

ReactReduxTypeScriptJest
TypeScript Website Docs
Open Source Contributions

Improved clarity and readability in the official docs through a contribution to the TypeScript Website.

TypeScriptMarkdownDocs
Egghead Course Notes
Open Source Contributions

Expanded and refined React course notes with clearer explanations of core concepts.

ReactDocsEducation
Outside-In FE Development TDD
Open Source Contributions

Fixed failing Cypress builds and updated dependencies so the demo project built successfully again.

CypressToolingDebugging

Skill Clusters

Frontend

ReactNext.jsTanStack StartTypeScriptJavaScriptReact HooksReact RouterReact Hook FormTanStack QueryFormsAccessibilityPerformance Optimization

Styling & UI

HTML5CSSSass/SCSSCSS ModulesTailwind CSSStyled ComponentsEmotionMaterial UIFigma

State, Data & Quality

ZustandReduxApollo ClientJestReact Testing LibraryCypressPlaywrightStorybookChromatic

Tooling & AI

GitnpmpnpmYarnBunTurboViteWebpackHuskyESLintBiome.jsShell ScriptingDocumentationCodexClaudeCursor

Additional Exposure

AzureReact NativeSalesforceLWCPythonFlaskSQLVue.jsNode.jsExpress

Selected Impact

Selected Impact

A concise view of product impact, technical leadership, and team contribution across commerce, client platforms, and modern frontend delivery.

8 Countries

Built products used across the Middle East, Europe, and the United States.

27%+

Click-through uplift driven by redesigning core product merchandising surfaces.

2 Rewrites

Contributed to noon.com modernization and led major parts of the account.noon.com rewrite.

5 Cohorts

Served as a senior or lead mentor in noon's CAKE program while supporting broader onboarding.

Executive Summary

My experience spans high-traffic commerce at noon, client platforms across Europe and the United States, and open-source contributions across product, platform, and developer-facing work.

Across those environments, I tend to sit at the intersection of product delivery, frontend ownership, and modernization: shipping customer-facing experiences, improving UX, evolving architecture, and keeping systems maintainable over time.

That mix includes conversion-focused commerce work, large-scale rewrites, 0-to-1 product development, map and search-heavy client platforms, form-heavy workflows, and mentoring work that raises team effectiveness.

Major Themes

1
Delivered Product Impact Across Commerce and Client Platforms
  • Redesigned the product information page and product display box, contributing to a 27%+ uplift in click-through rate.
  • Built the Freebies feature and helped increase click-through rate from 17% to 24% on noon.com.
  • Delivered frontend work across commerce, wealth management, recruitment, event, and real-estate platforms, including map-heavy search, multi-step forms, theming, and multilingual experiences.
2
Built Search, Navigation, and Workflow Experiences
  • Delivered repeated improvements to category tree behavior, filters, sorting menus, search-result UI, empty states, facet behavior, and filter tracking.
  • Built map-driven search, multi-step forms, dashboard planning flows, and multilingual user journeys across public client platforms.
  • Worked on product surfaces where user intent, clarity, state management, and system behavior are tightly connected.
3
Led Account.noon.com Modernization
  • Led major parts of the modernization effort for account.noon.com.
  • Coordinated planning, progress tracking, coding, review, and communication across 4 teams.
  • Delivered work across profile, contact forms, logged-out flows, validation, translations, delivery selector reliability, and shared account navigation.
4
Helped Modernize Frontend Platform Foundations
  • Helped modernize noon.com and led the rewrite of account.noon.com from older foundations toward Next.js 15, React 19, TypeScript 5.6, pnpm, and Turborepo.
  • Worked across rewrite-era themes including shared page setup, reviews architecture, BNPL banner work, PLP and filter modernization, and post-migration cleanup.
  • Balanced platform work with ongoing product delivery, rollout reliability, and maintainability improvements.
5
Built and Scaled noon AI Assistant
  • Owned the frontend of noon AI Assistant from MVP through production hardening.
  • Helped a small cross-functional team turn an early concept into a live product with richer guidance flows, validation, localization, analytics, and polished user experience.
  • Delivered senior-level frontend ownership spanning state, UX sequencing, content rendering, analytics, and close backend collaboration.
6
Mentored and Enabled Other Engineers
  • Built onboarding documentation that reduced onboarding time by more than 50%.
  • Mentored 50+ junior engineers and interns through onboarding, reviews, internal training, and day-to-day support.
  • Interviewed 40+ candidates and acted as a senior or a lead mentor in noon's CAKE program for 5 cohorts.

Leadership & Collaboration

How I work with teams

  • Comfortable leading high-traffic product work at scale while also operating effectively in leaner client-delivery environments.
  • Coordinated cross-team delivery during account.noon.com modernization while balancing migration work with product reliability.
  • Invest in team growth through mentoring, onboarding improvements, interviewing, and internal training.
  • Work closely with product, design, QA, backend, and analytics partners to keep delivery clear and aligned.

Technical Range

What I bring technically

  • Comfortable across modern React and Next.js product work, client delivery, platform modernization, and legacy cleanup.
  • Strong across UI architecture, search and map interactions, forms and validation flows, state management, accessibility, analytics, testing, and performance-minded frontend delivery.
  • Built and scaled 0-to-1 customer-facing experiences like noon AI Assistant while also contributing to open source across docs, testing, and frontend tooling.
  • Use AI-assisted workflows to accelerate debugging, implementation, and documentation without sacrificing quality.

Download Copy

A formatted document version is available if you prefer a concise written reference for interviews, hiring conversations, or offline review.