Projects
Miswag Miniapps
Lead · Architecture
Architected and built the whole Miniapps platform, along with heavy hands-on development — a multi-tenant system powering 7 production apps (SuperQi Miswag, Aqsat Mall, iStore, Qi Service variants, Essentials) under a single codebase, refactored from multi-repo to a unified mono-codebase driven by env variables, with complex BFF patterns.
In the world: Platform District
Storefront Nuxt 4 Rebuild
Lead · Migration
Rebuilt the legacy Nuxt 2 / Vuex Miswag storefront from the ground up on Nuxt 4 + Pinia 3 + Tailwind 4, and designed the deployment infrastructure — containerised through AWS ECR behind an Application Load Balancer. Ported the block system and 3-layer fetch composables (Auth / Content / Transactional) from Miniapps as a single-tenant standalone storefront.
In the world: Platform District
Bilingual News Pipeline
Automation · LLM
Built a 15-node n8n workflow ingesting 57 RSS/Atom feeds across 24 categories, deduplicating via SHA-256 URL hashes, and publishing normalized bilingual (AR↔EN) articles to a REST API. The LLM step uses gpt-4o-mini with strict JSON-schema structured outputs and a constrained prompt that translates only the missing-language fields — cutting token spend and eliminating response drift. The hero-image resolver falls back from RSS enclosure / media:content to scraped og:image / twitter:image meta tags.
Idempotent by design — articles are marked "seen" only after a successful 2xx publish, and continue-on-error on every external call keeps one bad feed from halting the run.
In the world: AI Workshop
Syno Hub
Freelance
Built an influencer/creator marketplace end-to-end — browse talents, partnership opportunities, and articles. Bilingual EN / AR-RTL with server-only Typesense search, Wayl payments, and TikTok OAuth integration.
syno-hub.com
In the world: Creative Dock
Andalusi Storefront
Freelance
Built the front end end-to-end for Andalusi, a templates company — clean and production-ready.
andalusi.app/template
In the world: Creative Dock
Miswag Pay
Payments
Architected a payment gateway unifying HyperPay, ZainCash and Qi BNPL behind one interface — pluggable into any native mobile app or web storefront.
In the world: Platform District
Agent Ledger
OSS · Published
Built and published a cross-agent execution-logging skill that standardises how Claude Code, Codex, and Cursor leave a trail in shared repos — one central log, optional per-agent logs, and a registry that avoids duplicating model lists across CLAUDE.md / AGENTS.md / Cursor rules.
npm
In the world: AI Workshop
Miswag Mondrian
Lead · Library
Architected a UI blocks library on the Shahcd architecture pattern, packaged as a Nuxt Module — the single source of truth for all dynamic UI blocks across storefronts.
In the world: Platform District
Preset Forge
Lead · AI Agent
Built an agentic preset generator for Miswag's Server-Driven UI. An LLM agent plans page layouts inside a tool-driven loop — loading reference examples, searching the live product catalog via Typesense, and submitting through a terminal tool that repairs and Zod-validates the tree. The Block Registry is the single source of truth — system prompt, schemas, and auto-repair all derive from it. Deterministic post-pipeline: AR/EN locale split → AI image generation → placeholder hydration → envelope.
True agentic self-correction — schema failures surface as tool errors the agent retries on its own. The agent owns structure, copy, and merchandising intent; code owns everything deterministic.
In the world: AI Workshop
Miswag Search
Cross-platform
Led end-to-end search integration across Web, Android & iOS — a customisable Vue WebView adapted to both native iOS and Android contexts.
In the world: Platform District
Storefront Miswag
Production · Live
Built the full front end of Miswag's main e-commerce storefront in Nuxt 2 — a high-performance, production-grade shopping experience.
miswag.com
In the world: Platform District
Miswag JS Bridge
Infrastructure
Authored the IPC package powering messaging between native Android/iOS apps and every storefront WebView — the foundational native↔web layer.
In the world: Platform District
Native Web Blocks
Embedded
Built lightweight embeddable UI blocks for native Android and iOS app pages — Astro for a minimal footprint and fast rendering in native contexts.
In the world: Platform District
Hyundai Iraq
@ DUDES
Built the official Hyundai Iraq website front end end-to-end — Nuxt with SSR for performance and SEO.
hyundai.iq
In the world: Creative Dock
Business by Design
@ DUDES
Built an interaction-focused site with rich scroll-triggered animations via Waypoints — Nuxt + Vuex for state-driven interactive experiences.
b-bydesign.netlify.app
In the world: Creative Dock
Al-Mudhish
@ DUDES
Built the full front end in Nuxt with Static Site Generation for fast delivery and minimal server overhead.
al-mudhish.netlify.app
In the world: Creative Dock
Bayt Halab — Loyalty
@ DUDES
Built a loyalty & rewards dashboard for Bayt Halab Restaurant — Nuxt for a scalable, maintainable dashboard interface.
View project
In the world: Creative Dock