Skip to content
Currently at Eon DentalAmman, Jordan · (GMT+3)

Senior frontend engineer building fast, considered products — from pixel to API.

I'm Zaid Alshibi. I design and ship scalable web platforms with React, Next.js and TypeScript — from AI-powered workflows and shared component libraries to the NestJS APIs behind them.

Get in touchDownload CV
SEO-critical links fixed
1M+
bundle size reduction
50%
fewer server 5xx errors
97%
students mentored
100+

01/About

Engineering for the people who use it — and the people who maintain it.

Senior Frontend Software Engineer specializing in React, Next.js, TypeScript, and modern frontend architecture. I build scalable web applications, AI-powered user experiences, and high-performance platforms — architecting reusable component libraries, modernizing frontend tooling, and strengthening application security. At OpenSooq I delivered large-scale SEO and performance wins across the MENA region's biggest classifieds platform; at Eon Dental I'm shipping AI-driven workflows and a shared component system used across multiple apps. I care about maintainable software that improves scalability, reliability, and user experience.

Trained as a mechatronics engineer, I moved into software through Code Fellows, mentored 100+ developers as a teaching assistant, and have spent the years since shipping production platforms across the MENA region.

Focus

  • Frontend architecture & design systems
  • Web performance, Core Web Vitals & SEO
  • AI-powered product experiences
  • Full-stack delivery with Node.js & NestJS

Education

  • Code Fellows · LTUC (ASAC)

    Diploma — Computer Software Engineering & Web Development (Advanced Software Development in Full-Stack JavaScript)

    Jun 2022 — Dec 2022

  • The Hashemite University

    Bachelor's degree — Mechatronics, Robotics, and Automation Engineering

    2016 — 2021

02/Experience

Where I've built, shipped, and led.

February 2026 — Present

Eon Dental

Amman, Jordan · Hybrid

Frontend Software Engineer

  • Architected and developed a reusable frontend component library consumed across multiple applications — improving consistency, maintainability, and development efficiency.
  • Delivered end-to-end AI-powered workflow features, including multi-step user journeys, asset management, validation, and interactive result visualization.
  • Spearheaded the migration of a large-scale React application from Create React App to Vite, modernizing the build system and significantly improving developer experience and build performance.
  • Optimized application performance by resolving complex rendering bottlenecks and eliminating excessive re-renders, improving overall responsiveness.
Show 4 more highlightsShow less
  • Strengthened platform security by remediating authorization vulnerabilities and implementing role-based access control (RBAC) across administrative workflows.
  • Designed responsive visualization interfaces with advanced comparison modes, secure sharing, and downloadable assets for end users.
  • Integrated RESTful APIs across multiple applications, enabling configurable feature delivery and seamless frontend–backend communication.
  • Contributed to CI/CD workflows and private package distribution, enabling reusable components to be shared efficiently across teams.
  • React
  • TypeScript
  • Vite
  • AI Integration
  • RBAC
  • CI/CD

July 2023 — January 2026

OpenSooq

Amman, Jordan

Full Stack Developer

  • Spearheaded SEO and performance optimization using Google Search Console, Lighthouse, and Core Web Vitals — achieving up to 15% faster page loads and increasing organic traffic.
  • Resolved large-scale SEO issues: fixed over 1 million 4xx links and 400K+ redirection (3xx) issues, dramatically improving crawlability and indexing.
  • Reduced bundle size by 50%, boosting site speed and Core Web Vitals metrics across multiple domains.
  • Owned and led the Taxonomy Project — transitioning from a category/subcategory flow to a vertical taxonomy structure that reshaped core business logic and search UX.
Show 4 more highlightsShow less
  • Built a refresh-free SERP in collaboration with backend engineers, improving engagement without full-page reloads.
  • Developed modular micro-frontends and SDK bundles for charts and user stats, enabling rapid integration across multiple applications.
  • Refactored critical middleware handling language, country, and routing logic — reducing server 5xx errors by 97% and improving stability.
  • Removed over 50% of external dependencies and built RESTful APIs with Express.js, tested via Postman.
  • Next.js
  • TypeScript
  • React
  • Node.js
  • Express.js
  • Elasticsearch

March 2023 — June 2023

Luminus Technical University College

Amman, Jordan

Teaching Assistant & Software Developer

  • Supported the Code Fellows Full-Stack JavaScript Bootcamp — curriculum enhancement, lab design, and course content refinement.
  • Led interactive workshops on frontend frameworks, backend logic, and full-stack architecture.
  • Mentored 100+ students through live coding sessions, debugging exercises, and real-world project planning using Trello and GitHub.
  • Collaborated with senior instructors to introduce new learning modules focused on React, Node.js, and API design.
Show 1 more highlightShow less
  • Fostered a collaborative learning environment emphasizing clean code principles, Agile workflows, and modern best practices.
  • React
  • Node.js
  • JavaScript
  • Git
  • Unit Testing

April 2020 — June 2021

Abwaab

Amman, Jordan · Part-time

Brand Ambassador

  • Delivered the company's message and vision, effectively communicating its values to a broad student audience for the ed-tech platform.
  • Presentation Skills
  • Communication

03/Selected work

Outcomes, not just output.

A few of the problems I've owned on production systems at Eon Dental and OpenSooq — and what changed because of them.

01Eon Dental

Reusable Component Library

Architected and built a shared frontend component library consumed across multiple applications — establishing a single source of truth for UI, distributed as a private package through CI/CD.

One system, many apps

02Eon Dental

AI-Powered Workflows

Delivered end-to-end AI-driven workflow features — multi-step user journeys, asset management, validation, and interactive result visualization with advanced comparison modes and secure sharing.

AI features, end to end

03Eon Dental

CRA → Vite Migration

Spearheaded migrating a large-scale React application from Create React App to Vite — modernizing the build system and dramatically improving developer experience and build performance.

Faster builds & DX

04Eon Dental

Security & RBAC

Hardened the platform by remediating authorization vulnerabilities and implementing role-based access control across administrative workflows, plus upgrading third-party dependencies to close security gaps.

RBAC across admin flows

05OpenSooq

SEO Recovery at Scale

Diagnosed and resolved sitewide crawlability problems on a high-traffic, multilingual classifieds platform — fixing over 1 million broken 4xx links and 400K+ redirect chains using Google Search Console and custom tooling.

1M+ links fixed · organic traffic up

06OpenSooq

Vertical Taxonomy Project

Owned the transition from a category/subcategory flow to a vertical taxonomy structure — a refactor that reshaped core business logic, search UX, and how millions of listings are organized and discovered.

Core business logic redesigned

07OpenSooq

Middleware Refactor

Rebuilt critical middleware handling language, country, and routing logic for a multi-domain, multilingual platform — eliminating instability at the edge of the stack.

97% fewer server 5xx errors

08OpenSooq

Bundle Diet

Audited and removed over 50% of external dependencies and modularized legacy code, cutting the JavaScript shipped to users in half and lifting Core Web Vitals across multiple domains.

50% smaller bundles

09OpenSooq

Micro-Frontend SDKs

Designed and shipped modular micro-frontends and SDK bundles for charts and user statistics, enabling teams to integrate rich features across multiple applications in days instead of weeks.

Reused across multiple apps

04/Projects

Products I've built end to end.

Production platforms I've architected and shipped — booking engines and payments, bilingual right-to-left frontends, and the APIs behind them.

Project 01

Masar Travel

Live at masartravels.com

Visit site(opens masartravels.com in a new tab)

A full booking platform for a Jordanian travel agency — a bilingual (Arabic/English, RTL) site and admin dashboard for Umrah pilgrimages, Aqaba marine trips, and multi-day tourism programmes, with server-side pricing and Stripe payments in USD and JOD.

Backend · Lead Engineer

As lead backend engineer — owning architecture, implementation, CI/CD, and production operations — I built a modular NestJS API on Google Cloud Run backed by PostgreSQL with row-level security. Server-side engines price Umrah, marine, and tourism bookings with pure, unit-tested rule modules shared verbatim with the frontend, while Stripe Hosted Checkout handles deposits and balances in USD and JOD through signature-verified, idempotent webhooks. Includes AES-GCM encryption of passenger data, a transactional email outbox, branded PDF storage in Cloudflare R2, and zero-downtime deploys — proven by ~570 unit and ~780 end-to-end tests against real PostgreSQL.

  • NestJS 11
  • Prisma 7
  • PostgreSQL (RLS)
  • Stripe (USD/JOD)
  • Idempotent Webhooks
  • JWT · argon2
  • AES-GCM
  • Cloudflare R2
  • Resend
  • Google Cloud Run
  • CI/CD
  • E2E Testing

Frontend

A full-stack contributor on the web app (co-developed with the frontend lead), I owned the payment flows, the booking-summary editor and PDF pipeline, the admin features for bookings/team/settings, and live-API integration. The app is a bilingual (Arabic/English, RTL) React 19 + React Router build — public booking site plus staff dashboard — prerendered for SEO on Cloudflare, with multi-step booking wizards, server-matched live price previews, and a browser-generated branded A4 reservation PDF with correct Arabic bidirectional text. End-to-end type safety flows from the server's OpenAPI spec, with mock-first delivery behind feature flags.

  • React 19
  • React Router 7
  • Vite 7
  • Prerendering / SSG
  • Tailwind CSS 4
  • TanStack Query
  • openapi-typescript
  • i18next (RTL/AR)
  • React-PDF
  • Stripe Checkout
  • Radix · shadcn/ui
  • Cloudflare Pages

Project 02

QMobility

Live at qmrac.com

Visit site(opens qmrac.com in a new tab)

A production car rental platform serving the Qatar market — built end-to-end, from the customer-facing storefront to the API and admin tooling behind it.

Frontend

Customer-facing rental platform and admin dashboard built with Next.js 15 and React 19. The customer side covers the full rental journey — vehicle search and filtering, date/location selection, add-ons, promo codes, and an OTP-verified booking flow — with full English/Arabic localization and RTL support via next-intl. A built-in admin dashboard handles fleet, bookings, pricing, and promo code management, with JWT-protected routes via middleware and dynamically generated sitemaps for SEO.

  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Zustand
  • React Query
  • next-intl (i18n/RTL)
  • Framer Motion

Backend

NestJS REST API structured with clean architecture (entities → repositories → use-cases → thin services/controllers) across 25+ feature modules: bookings with an enforced status state machine, fleet management, dynamic pricing rules, carts, promo codes, payments, inspections, and customer/driver management. JWT auth for admins and an OTP flow for customers (SMS via the Ooredoo Qatar gateway), with AWS S3 storage, Resend + React Email for transactional mail, and Bull/Redis queues for background jobs. Documented with Swagger and validated end-to-end with class-validator DTOs.

  • NestJS
  • TypeScript
  • TypeORM
  • MySQL
  • Redis/Bull
  • JWT/Passport
  • AWS S3
  • Swagger
  • Clean Architecture

Project 03

Jordan Discover

Live at jordandiscover.com

Visit site(opens jordandiscover.com in a new tab)

A production-grade travel guide for Jordan built with Next.js 15 and TypeScript. Combines a rule-based trip planner, an interactive Leaflet map, live weather, and a fully bilingual (EN/AR) plus European-language experience — all wrapped in a rich technical-SEO foundation and an automated, human-reviewed content engine.

  • Next.js 15
  • TypeScript
  • Leaflet Maps
  • i18n (EN/AR)
  • Technical SEO

05/Skills

The toolkit.

Frontend

  • React.js
  • Next.js
  • TypeScript
  • JavaScript (ES6+)
  • Vite
  • HTML5
  • CSS3
  • Tailwind CSS
  • Sass
  • Bootstrap

Component libraries & design systems, performance optimization, Core Web Vitals, micro-frontend architecture, SEO, accessibility, and responsive design for high-traffic multilingual sites.

Backend

  • Node.js
  • Express.js
  • NestJS
  • REST APIs
  • SQL
  • MongoDB

Data-driven systems, API scalability, caching, and service reliability.

DevOps & Testing

  • Docker
  • CI/CD Pipelines
  • Jest
  • Postman
  • Git

Continuous integration and deployment, private package distribution, automated testing, and containerized environments.

Performance & Analytics

  • Google Search Console
  • Lighthouse
  • Core Web Vitals
  • Elasticsearch
  • Analytics

Diagnosing bottlenecks, bundle optimization, runtime analysis, and measurable UX improvements.

06/Contact

Let's build something exceptional together.

Always happy to talk frontend architecture, performance, design systems — or the product you're building next.

zaidealshibi@gmail.com