The work behind the experience

Company teams.
Independent projects.

A selection of what I’ve built, the problems I worked on, and my contribution to each product.

Download portfolio PDF Download CV Watch 3-min intro Preview portfolio

01 / Company work

Products built with teams.

Frontend engineering, product delivery, and technical leadership across SaaS, logistics, commerce, and automation.

Company workJan 2025–Present

Routz

Senior Full-Stack Engineer · Schoolz (Routz Platform)

A fleet-management and school-transportation SaaS platform with admin and client dashboards.

My contribution

Built the real-time layer end to end: live GPS tracking of active trips and an in-app chat (web backend and frontend plus the mobile apps) connecting operators, passengers, and drivers over custom Node.js socket services.
Shipped the passenger self-service subscription flow: in-app registration, package selection, and online payment through PayTabs, plus operator workflows for drivers, trips, and billing.
Integrated mapping and geocoding APIs for route planning, location search, and map interactions.
Established shared Vue components and composables for a bilingual Arabic and English interface.

Vue 3Node.js socketsLive chatGPS trackingPayTabsArabic/English

Read case study Visit website

Company workDec 2022–Apr 2026

Untap

Senior Frontend Engineer / Frontend Team Lead

A multi-tenant SaaS platform for competitions, innovation programs, and grant management, bringing admin, customer portal, and public-site experiences into one Vue codebase.

My contribution

Led frontend architecture, code reviews, and engineer mentoring.
Designed the multi-tenant foundation for client theming, permission roles, and runtime configuration.
Delivered a schema-driven form builder and drag-and-drop page builder on SurveyJS and GrapesJS, then added an AI layer so clients generate forms and pages from a prompt and run AI screening of submissions before judge review.
Integrated Stripe so clients can charge participants for submissions.
Improved initial dashboard load time by 40% through Vite build optimization, route-level code splitting, and state-management refactoring.
Owned frontend security remediation during the ISO 27001:2022 certification: moved auth tokens from localStorage to HTTP-only cookies and replaced vulnerable dependencies until the certificate was granted.

Vue 3Multi-tenant SaaSSurveyJSGrapesJSAI screeningStripeISO 27001

Read case study Visit website

Company workJan 2022–Dec 2022

AutoTager

Frontend Engineer

An automotive B2B marketplace with admin, client, and dealer dashboards for analytics, inventory, and multi-tenant listings.

My contribution

Built data-dense dashboards for administrators, clients, and dealers.
Developed a vehicle-inspection workflow for photo uploads, condition scoring, and structured reports before publication.
Turned Figma designs into a reusable React component library.

ReactB2B marketplaceDashboardsVehicle inspection

Company workJan 2018–Jan 2022

Botme

Frontend Engineer

An omnichannel chatbot builder with workflow automation, live chat, and commerce experiences.

My contribution

Built and improved chatbot-building, workflow automation, live-chat, and commerce features using Vue.js and Angular.
Contributed to Botme Shops, an automated e-commerce module featured at Facebook F8 Refresh 2021.
Designed user flows for visual automation and interactive forms.

Vue.jsAngularChatbotsWorkflow automationE-commerce

Company work2014–2018

Earlier Agency Work

Frontend / Web Developer · MoreCreative, Enjaz (KSA), MTC (Qatar), and Webdivs

Custom website and storefront work for clients across the MENA region.

My contribution

Designed and built WordPress, WooCommerce, and Shopify websites and storefronts.
Integrated third-party APIs for client projects.

WordPressWooCommerceShopifyAPI integration

02 / Freelance projects

Focused work. Lasting improvements.

UI redesigns, storefronts, dashboards, and API integrations across independent products and client engagements.

Freelance2024–Present

Zads

Founder & Full-Stack Engineer

A learning marketplace connecting families and learners with nearby teachers. Migrated from Nuxt 3 to Next.js 16 App Router; source is public on GitHub.

My contribution

Built the backend using Node.js, Express, Prisma ORM, and PostgreSQL, with HTTP integration tests that run in CI before every deploy.
Developed geo-proximity search to match learners with nearby teachers using location mapping and distance routing.
Implemented dynamic pricing and automated tutor requests from parent sign-ups.
Migrated the product from Nuxt 3/Vuetify to a unified Next.js 16 App Router app: 42 routes, Arabic/English RTL via next-intl, Auth.js v5, CASL role-based access, Server Components on the public pages, deployed on Vercel.

Next.js 16ReactTypeScriptNode.jsPostgreSQLPrismaOpen source

Read case study Visit website

Fleet Billing operator dashboard with revenue, seat utilization, and the bus list

Freelance2026

Fleet Billing (lite)

Full-Stack Engineer

Subscriptions and billing for a school-bus operator: operators manage buses and trips and see revenue and seat utilization, while parents pick a plan and pay through Stripe Checkout. A portfolio project with synthetic seed data and Stripe in test mode; source is public on GitHub.

My contribution

Built the web app on Next.js 16 App Router: Server Components for stats, tables, and subscriptions, a Server Action for checkout, and client components for the fleet editor and plan picker, in Arabic and English with RTL via next-intl.
Built the NestJS API with global auth and role guards, class-validator DTOs, and pure, unit-tested pricing in integer cents (monthly and term plans with sibling discounts).
Modeled the data with Prisma on Supabase Postgres and used Row Level Security for parent-scoped subscription reads; roles come from a profiles table, never from user metadata.
Integrated Stripe Checkout with a signed webhook that verifies the signature, cross-checks the charged amount, and activates the subscription once per event id.
Covered pricing, the webhook, and HTTP e2e with Vitest and web smoke with Playwright; GitHub Actions runs lint, typecheck, tests, migrations, seed, and a Docker build before the Vercel deploys.

Next.js 16NestJSPrismaSupabase RLSStripeVitestPlaywrightArabic/English

Read case study Visit website