Ali Khalil

نبذة

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

ست سنوات من الخبرة في ⁦Vue⁩ و⁦Nuxt⁩ و⁦TypeScript⁩ وأنظمة الزمن الحقيقي. أرتاح إلى تولّي واجهة أمامية متكاملة، وقيادة الفريق الذي يُطلقها.

المنصورة، مصر متاح لأدوار جديدة

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

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

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

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

حالياً

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

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

  1. ٢٠٢٥حالياً

    Frontend Team Lead / Senior Frontend Developer

    eDialogue Corner SocietyRemote, Saudi Arabia⁦٠٦/٢٠٢٥⁩ to حالياً

    • Lead the frontend team building Ataa SaaS, a multi-tenant platform that powers CRM, dashboards, and real-time communication for charitable organizations across Saudi Arabia.
    • Architected a modular Nuxt 3, Vue 3, and TypeScript frontend, and delivered a unified Tailwind, ShadCN, and UnoCSS design system with full RTL and LTR support and WCAG 2.1 accessibility.
    • Built real-time modules on Pusher, including typing indicators, read receipts, and synchronized multi-tab presence.
    • Integrated Apple Pay, Google Pay, and Moyasar. Implemented GitLab and Docker based CI/CD.
    • Improved Lighthouse metrics, raising LCP by roughly 40% and reducing CLS by roughly 60% through optimization and lazy hydration.
    • Mentor developers, run code reviews, and enforce performance and accessibility standards.
  2. ٢٠٢٥٢٠٢٥

    Frontend Team Lead / Senior Frontend Developer (Part-time)

    PAIR AIRemote, Egypt⁦٠٧/٢٠٢٥⁩ to ⁦١١/٢٠٢٥⁩

    • Led the development of a high-performance real-time chat application built on Nuxt 4, Vue 3, and TypeScript.
    • Designed a modular registry-based WebSocket layer on Pusher for scalable event management.
    • Implemented message synchronization and deduplication, plus virtualized rendering and lazy hydration to improve responsiveness.
    • Secured local data with AES-GCM and PBKDF2 in IndexedDB.
    • Used Pinia for reactive state and Tailwind with UnoCSS for maintainable, responsive design.
  3. ٢٠٢٣٢٠٢٥

    Senior Frontend Developer

    Velents.aiRemote, Saudi Arabia⁦١١/٢٠٢٣⁩ to ⁦٠٨/٢٠٢٥⁩

    • Built and optimized AI-driven recruitment platforms in Vue.js and TypeScript. Integrated video and audio recording.
    • Designed interactive drag-and-drop CRUD interfaces.
    • Refactored legacy Vue codebases for performance, accessibility, and maintainability.
    • Implemented end-to-end testing pipelines and reduced load times across multiple modules.
  4. ٢٠٢٣٢٠٢٣

    Frontend Developer

    CodebaseEgypt⁦٠١/٢٠٢٣⁩ to ⁦١٢/٢٠٢٣⁩

    • Delivered responsive interfaces using Vue 2, Vue 3, and TypeScript.
    • Enhanced performance through lazy loading, code splitting, and component reuse.
    • Employee of the Month, September 2023.
  5. ٢٠٢٢٢٠٢٣

    Frontend Developer

    Grand CommunityEgypt⁦٠٤/٢٠٢٢⁩ to ⁦٠١/٢٠٢٣⁩

    • 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 and Nuxt best practices.
    • Employee of the Month, May 2022.
  6. ٢٠٢٢٢٠٢٣

    Frontend Developer

    IX SolutionsEgypt⁦١١/٢٠٢٢⁩ to ⁦٠٢/٢٠٢٣⁩

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

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

الأدوات الأساسية

Vue.js 2 & 3Nuxt 3 & 4TypeScript Tailwind CSS Pinia Node.js

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

  • Vue.js (2–3)
  • Nuxt (3–4)
  • React.js
  • Angular
  • TypeScript
  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • Tailwind CSS
  • UnoCSS
  • Vuetify
  • ShadCN
  • Naive UI
  • SCSS / Sass
  • Pug.js

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

  • Node.js
  • Express.js
  • NestJS
  • MongoDB (Mongoose)
  • RESTful APIs
  • JWT Authentication
  • RBAC
  • OAuth
  • Stripe & PayPal Integration
  • Axios
  • Input Validation
  • Rate Limiting
  • bcrypt.js

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

  • MongoDB
  • Mongoose ODM
  • IndexedDB
  • LocalStorage / SessionStorage

إدارة الحالة

  • Pinia
  • Vuex
  • Redux

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

  • Pusher (WebSockets)
  • IndexedDB
  • AES-GCM Encryption
  • PBKDF2
  • Virtualized Rendering
  • Lazy Hydration
  • Code Splitting
  • Caching & Compression (Brotli / Gzip)
  • Critical CSS

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

  • Vite
  • Webpack
  • Gulp.js
  • GitLab CI/CD
  • Docker
  • Brotli / Gzip Compression

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

  • ESLint
  • Prettier
  • Unit & E2E Testing
  • Code Review
  • Mentorship
  • Team Leadership
  • Cross-functional Collaboration
  • Accessibility (WCAG 2.1)

التعليم

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

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

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

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

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

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

تواصل معي

© 2019 - 2026 علي خليل