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 Nora, noon's AI shopping assistant, storefront discovery and merchandising, account modernization, wishlist experience revamp work, and disciplined AI-assisted engineering across planning, implementation, QA, and documentation.

Based in EgyptOpen to relocationArabic · English · German
8 countries27%+ CTR upliftNora AI shopping assistant

Resume

Selected Work & Skills

A focused view of the commerce work, client platforms, AI shopping experiences, 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 major frontend work for Nora, noon's AI shopping assistant, shaping customer guidance flows, localized UX, analytics, and stateful shopping interactions.

27%+ CTR

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

2 Major Rewrites

Helped modernize noon.com and led the account.noon.com rewrite, moving key surfaces toward modern Next.js, React, TypeScript, and scalable frontend 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, release quality, and shared frontend patterns.

Featured Work

Storefront & Discovery Leadership

noon.com · Core commerce surface

  • Led frontend delivery 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 move the platform toward modern Next.js, React, TypeScript, and shared frontend architecture.
  • Delivered work across profile, contact, validation, translations, navigation, and shared account flows.
  • Balanced migration work with product correctness, release follow-through, and maintainability improvements.
Next.js 15React 19TypeScriptFormsLocalizationCross-team Delivery
Nora AI Shopping Assistant

noon.com · AI shopping experience

  • Owned major frontend work for Nora, noon's AI shopping assistant, shaping customer guidance flows, localized UX, analytics, and stateful shopping interactions.
  • Built on earlier AI/PDP chatbot experience while evolving the assistant into a broader customer-facing shopping surface.
  • Partnered cross-functionally across product, backend, QA, and analytics to keep the experience reliable and understandable.
AI ProductAnalyticsLocalizationState ManagementUXCross-functional Delivery
Wishlist Revamp

noon.com · Customer save experience

  • Contributed to a major wishlist experience revamp across high-traffic storefront surfaces.
  • Worked across save interactions, product-card behavior, cart-to-wishlist flows, shared customer journeys, localization, and UI reliability.
  • Balanced product behavior, UX clarity, and safe coexistence with existing customer flows.
ReactTypeScriptZustandLocalizationState ReliabilityUX
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.
  • Disciplined AI-assisted engineering across context setup, planning, implementation, review, QA/debugging, and documentation.

AI-Assisted Engineering Workflow

How I use AI in practice

1
Context

Set up the right repository, product, and implementation context before asking AI to help.

2
Plan

Use AI to compare approaches, surface risks, and turn ambiguous work into small, reviewable steps.

3
Build

Pair with AI on implementation while keeping ownership of code quality, product behavior, and maintainability.

4
Verify

Use AI to support debugging, QA notes, review passes, and documentation after the work is implemented.

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 UIFigmaAccessibilityRTLi18n

State, Data & Quality

ZustandReduxApollo ClientJestReact Testing LibraryCypressPlaywrightStorybookChromatic

AI-Assisted Engineering

GitnpmpnpmYarnBunTurboViteWebpackHuskyESLintBiome.jsShell ScriptingDocumentationCodexClaudeCursorContext SetupImplementation PlanningCode Review SupportQA/Debugging Workflows

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, AI shopping experiences, 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.

Recent Ownership

Owned frontend work across Nora, noon's AI shopping assistant, and a major wishlist experience revamp.

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, AI shopping experiences, wishlist and save journeys, 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
Contributed to Wishlist Experience Revamp
  • Worked across customer save interactions, product-card behavior, cart-to-wishlist flows, and shared storefront journeys.
  • Balanced product behavior, UX clarity, localization, and UI reliability across high-traffic commerce surfaces.
  • Helped keep the experience maintainable while preserving customer trust in existing save flows.
4
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.
5
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, release reliability, and maintainability improvements.
6
Built and Scaled Nora AI Shopping Assistant
  • Owned major frontend work for Nora, noon's AI shopping assistant, from early product iterations through a more complete customer-facing experience.
  • Built on earlier AI/PDP chatbot experience while shaping localized guidance flows, analytics, stateful shopping interactions, and polished user experience.
  • Delivered senior-level frontend ownership spanning UX sequencing, content rendering, analytics, and close backend collaboration.
7
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 customer-facing experiences like Nora, noon's AI shopping assistant, while also contributing to open source across docs, testing, and frontend tooling.
  • Use disciplined AI-assisted workflows to support context setup, planning, implementation, QA/debugging, review, 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.