Frontend Developer with 16+ years engineering high-traffic, dual-language e-commerce at scale, with full-stack reach across Node.js services, search, caching, and cloud. Currently at Al Tayer Group on Ounass — the Middle East's flagship luxury destination, serving 300+ brands across the GCC in Arabic and English. Specialised in Core Web Vitals performance, React/Preact/Next.js with TypeScript, and emerging AI tooling using the Anthropic Agent SDK, MCP servers, and OpenSearch KNN-powered vector search.

Ounass · Al Tayer Group — Nov 2016 → Present

Engineering the high-traffic e-commerce platforms behind Al Tayer's luxury portfolio — Ounass, Gap Middle East, and Mamas & Papas. Performance and personalization sit at the centre of the work: image format negotiation, route-level code splitting, OpenSearch tuning, Redis caching, and tail-latency reduction across Node.js services on Express, Hono, and Fastify. Lately, AI joined the work too — OpenSearch KNN with vector embeddings for personalised discovery, and internal developer tooling built on the Anthropic Claude Agent SDK and MCP.

• Nov 2016 → Present · Frontend Developer & Full-Stack Contributor · Al Tayer Group — Ounass
• Aug 2015 → Oct 2016 · Frontend Developer & UX/UI Designer · Bond Internet Consultancy
• Jan 2012 → Jul 2015 · Frontend Developer & UX/UI Designer · VirtueNetz
• Apr 2011 → Dec 2011 · UX/UI Designer · ConceptBeans
• Feb 2010 → Mar 2011 · Junior UI Designer · Mars Multimedia

• Ship Ounass faster — keep driving Core Web Vitals down across Arabic and English.
• Deepen AI tooling — agents that own real engineering workflows end-to-end, not just chat.
• Open-source something useful — likely around edge-cached search or image delivery.
• Write more publicly — long-form notes on performance, agentic systems, and interface craft.
• Stay curious — three.js scenes, shader experiments, new languages, new fields.

This README is the resume. The site at w3debugger.com is the demo. Built with Preact, Vite, Tailwind CSS v4, and three.js for the cosmic backdrop on the hero.

npm install
npm run dev      # http://localhost:5173
npm run build
npm run preview

src/
  App.jsx              # routes, page-transition flight phases
  Pages/               # Home, Work, Skills, Experience, Goals, Lab
  Shared/              # NavBar, SocialLinks, HeroCanvas (three.js), cards
  index.css            # Tailwind v4 + cosmic theme tokens
public/
  resume.docx          # downloadable résumé
  sitemap.xml          # includes the résumé for crawlers
  robots.txt
index.html             # SEO meta + JSON-LD Person schema (subjectOf → résumé)