مرحباً، أنا علي

مطوّر واجهات أمامية أول وقائد فريق.

أبني تطبيقات ويب قابلة للتوسع وعالية الأداء باستخدام ⁦Vue⁩ و ⁦Nuxt⁩ و ⁦TypeScript⁩ — وأقود الفرق التي تشحنها. خمس سنوات من الخبرة، ومعظم عملي الأخير كان على منصات ⁦SaaS⁩ متعددة المستأجرين تعمل بالوقت الحقيقي في السوقين السعودي والمصري.

المنصورة، مصر· مستعد للانتقال إلى الرياض· موظف الشهر مرتين

تصفّح

أعمال مختارة

جميع المشاريع →

PAIR AI Chat Platform

٢٠٢٥

Enterprise real-time chat built with Nuxt 4, Vue 3, and TypeScript. Registry-based WebSocket layer on Pusher with typing indicators, read receipts, and synchronized multi-tab presence. Local data secured with AES-GCM + PBKDF2 in IndexedDB.

Nuxt 4Vue 3TypeScriptPusherWebCrypto

Ataa SaaS — eDialogue Store

٢٠٢٥

Multi-tenant SaaS powering CRM, donations, and real-time communication for charitable organizations across Saudi Arabia. Nuxt 3, Vue 3, TypeScript, a unified Tailwind + ShadCN + UnoCSS design system with full RTL/LTR support, and Apple Pay / Google Pay / Moyasar integrations.

Nuxt 3TypeScriptShadCNPaymentsRTL

Velents ATS

٢٠٢٤

AI-driven recruitment platform with video/audio recording modules, drag-and-drop CRUD interfaces, and dashboards. Refactored legacy Vue codebases for accessibility, performance, and maintainability.

VueNuxtTypeScriptAIE2E

@alikhalilll/nuxt-api-provider

٢٠٢٦

Strongly-typed fetch client for Nuxt 3/4 with interceptors, retry/backoff, upload progress, and a framework-agnostic core that also runs outside Nuxt.

NuxtTypeScriptHTTP

@alikhalilll/nuxt-crypto

٢٠٢٦

AES-256-GCM + PBKDF2 via Web Crypto API for Nuxt. Key caching, pluggable algorithms, optional server-only mode, and device-fingerprint binding.

NuxtSecurityWeb Crypto

@alikhalilll/nuxt-auto-middleware

٢٠٢٦

Layout → middleware mapping for Nuxt with glob patterns, named groups, per-page overrides, and a typed middleware-name registry.

NuxtRoutingDX

ما أتقنه

  • عمل أداء ينعكس في الأرقام — في آخر دور رفعتُ مؤشر ⁦LCP⁩ بنحو ٤٠٪ وخفّضتُ ⁦CLS⁩ بنحو ٦٠٪ عبر الترطيب الكسول (⁦lazy hydration⁩) وتقسيم الشيفرة.
  • قيادة فرق واجهات أمامية صغيرة: مراجعات الشيفرة، والتوجيه، ورفع معايير إمكانية الوصول وتجربة المطوّر.
  • أنظمة زمن حقيقي عبر ⁦Pusher⁩ / ⁦WebSockets⁩ — طبقات أحداث مبنية على سجل (⁦registry⁩)، وتعقّب الحضور عبر التبويبات، ومنع تكرار الرسائل.
  • حماية من جانب العميل: تشفير ⁦AES-GCM⁩ مع ⁦PBKDF2⁩ للبيانات المحلية، ودمج ⁦Apple Pay⁩ و ⁦Google Pay⁩ و ⁦Moyasar.⁩

تعمل على مشروع مثير للاهتمام؟

أدوار جديدة، تعاونات، أو مشكلات واجهات أمامية صعبة — يسعدني الاستماع إليها.

تواصل معي