نبذة

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

خمس سنوات في الميدان. ⁦Vue⁩ و ⁦Nuxt⁩ و ⁦TypeScript⁩ وأنظمة الوقت الحقيقي. مرتاح في قيادة واجهة أمامية متكاملة والفريق الذي يشحنها.

أنا علي. قضيتُ السنوات الخمس الأخيرة في شحن تطبيقات ويب — معظمها ⁦SaaS⁩، وغالبًا في السوقين السعودي والمصري، وفي مستوى قائد / كبير المطوّرين بشكل متزايد. مؤخرًا يعني ذلك قيادة واجهات منصات متعددة المستأجرين بمتطلبات زمن حقيقي عالية، وبناء السجلّات والأنماط التي تتيح لفريق صغير أن يتحرك بسرعة دون أن تتشابك الأمور.

أهتمّ بالتفاصيل المملّة — تلك التي تحوّل التطبيق المقبول إلى شيء يصمد ثلاث سنوات من تغييرات المزايا. أنواع واضحة، وحالات خطأ صريحة، وصفحات تُحمَّل بسرعة كافية لئلا يعتذر أحد عنها، وإمكانية وصول ليست فكرة ثانوية، وتوثيق يعترف بما لا يفعله الشيء.

أقود بالقدوة. أراجع طلبات الدمج بعناية، وأُوجِّه عن طيب خاطر، وأدفع بقوة لمعايير الأداء وإمكانية الوصول. حصلتُ على لقب موظف الشهر مرتين — وأذكرها فقط لأنها دليل معقول على أن «العمل صمد تحت الضغط».

لستُ مرتبطاً بإطار عمل واحد. لديّ خبرة عملية أيضاً مع ⁦React⁩ و ⁦Angular⁩ — في بداية مسيرتي شحنت تطبيقات مؤسسية بـ ⁦Angular⁩ و ⁦Material UI⁩، ولا أزال أستخدم ⁦React⁩ في مشاريع جانبية وأعمال العملاء حين يكون الخيار الأنسب.

حالياً

  • أقود فريق الواجهة الأمامية في ⁦eDialogue Corner Society⁩ على منصة ⁦Ataa SaaS.⁩
  • أنشر موديولات ⁦Nuxt⁩ مفتوحة المصدر تحت ⁦@alikhalilll.⁩
  • مستعد للانتقال إلى الرياض، المملكة العربية السعودية.

الخبرات العملية

  1. Frontend Team Lead / Senior Frontend Developer

    ⁦٠٦/٢٠٢٥⁩ — حالياً

    eDialogue Corner Society · Remote · Saudi Arabia

    • Lead the frontend team building Ataa SaaS, a multi-tenant platform powering CRM, dashboards, and real-time communication for charitable organizations across Saudi Arabia.
    • Architected a modular Nuxt 3 + Vue 3 + TypeScript frontend; shipped a unified Tailwind + ShadCN + UnoCSS design system with full RTL/LTR support and WCAG 2.1 accessibility.
    • Built real-time modules on Pusher: typing indicators, read receipts, synchronized multi-tab presence.
    • Integrated Apple Pay, Google Pay, and Moyasar; implemented GitLab + Docker CI/CD.
    • Improved Lighthouse metrics — LCP +40%, CLS −60% — through optimization and lazy hydration.
    • Mentor developers, run code reviews, enforce performance and accessibility standards.
  2. Frontend Team Lead / Senior Frontend Developer (Part-time)

    ⁦٠٧/٢٠٢٥⁩ — ⁦١١/٢٠٢٥⁩

    PAIR AI · Remote · Egypt

    • Led development of a high-performance real-time chat application on Nuxt 4, Vue 3, and TypeScript.
    • Designed a modular registry-based WebSocket layer (Pusher) for scalable event management.
    • Implemented message synchronization and deduplication; virtualized rendering and lazy hydration for speed.
    • Secured local data with AES-GCM + PBKDF2 in IndexedDB.
    • Pinia for reactive state, Tailwind + UnoCSS for maintainable responsive design.
  3. Senior Frontend Developer

    ⁦١١/٢٠٢٣⁩ — ⁦٠٨/٢٠٢٥⁩

    Velents.ai · Remote · Saudi Arabia

    • Built and optimized AI-driven recruitment platforms in Vue.js + TypeScript; integrated video/audio recording.
    • Designed interactive drag-and-drop CRUD interfaces.
    • Refactored legacy Vue codebases for performance, accessibility, and maintainability.
    • Implemented E2E testing pipelines; reduced load times across modules.
  4. Frontend Developer

    ⁦٠١/٢٠٢٣⁩ — ⁦١٢/٢٠٢٣⁩

    Codebase · Egypt

    • Delivered responsive interfaces using Vue 2, Vue 3, and TypeScript.
    • Enhanced performance via lazy loading, code splitting, and component reuse.
    • Employee of the Month — September 2023.
  5. Frontend Developer

    ⁦٠٤/٢٠٢٢⁩ — ⁦٠١/٢٠٢٣⁩

    Grand Community · Egypt

    • Improved a large-scale influencer marketing platform built with Vue 2, Nuxt 2, and Vuetify.
    • Standardized code structure and created reusable component patterns.
    • Mentored junior developers on Vue/Nuxt best practices.
    • Employee of the Month — May 2022.
  6. Frontend Developer

    ⁦١١/٢٠٢٢⁩ — ⁦٠٢/٢٠٢٣⁩

    IX Solutions · Egypt

    • Developed enterprise web applications using Angular and Material UI.
    • Translated business needs into intuitive, scalable frontend solutions.

المهارات التقنية

تطوير الواجهات الأمامية

Vue.js (2–3)Nuxt (3–4)React.jsAngularTypeScriptJavaScript (ES6+)HTML5CSS3Tailwind CSSUnoCSSVuetifyShadCNNaive UISCSS / SassPug.js

الخوادم وواجهات البرمجة

Node.jsExpress.jsNestJSMongoDB (Mongoose)RESTful APIsJWT AuthenticationRBACOAuthStripe & PayPal IntegrationAxiosInput ValidationRate Limitingbcrypt.js

قواعد البيانات والتخزين

MongoDBMongoose ODMIndexedDBLocalStorage / SessionStorage

إدارة الحالة

PiniaVuexRedux

الزمن الحقيقي والأداء

Pusher (WebSockets)IndexedDBAES-GCM EncryptionPBKDF2Virtualized RenderingLazy HydrationCode SplittingCaching & Compression (Brotli / Gzip)Critical CSS

البناء والـ ⁦DevOps⁩

ViteWebpackGulp.jsGitLab CI/CDDockerBrotli / Gzip Compression

الجودة والتعاون

ESLintPrettierUnit & E2E TestingCode ReviewMentorshipTeam LeadershipCross-functional CollaborationAccessibility (WCAG 2.1)

التعليم

بكالوريوس علوم الحاسب

جامعة المنصورة، مصر · ١٠/٢٠١٨ — ١٠/٢٠٢٢

تركّز البرنامج على هندسة البرمجيات وتطوير الويب والخوارزميات. تمحورت مشاريع السنة النهائية حول معمارية الواجهة الأمامية وتصميم واجهات ⁦REST.⁩

اللغات: العربية (اللغة الأم) · الإنجليزية (متقدّم، ⁦B2⁩–⁦C1⁩)