الانتقال إلى المحتوى

هندسة المنتجات عبر كامل المكدس التقني

خمس سنوات من إطلاق منتجات موجهة للعملاء وخدمات خلفية وأنظمة بيانات وعمليات ترحيل حية والبنية التحتية اللازمة لتشغيلها.

الخط الزمني

  1. Covent

    مهندس واجهة أمامية أول، ثم قائد فريق

    – حتى الآن

    انضممت إلى Covent، المعروفة سابقًا باسم Dispo Genius، بصفة مهندس واجهة أمامية أول، ثم أصبحت قائد فريق. أتولى هندسة الواجهة الأمامية، وأطوّر أنظمة خلفية، وأضع المعايير الهندسية، وأرشد ثلاثة مهندسين.

    • اقترحت Covent MCP وقدته من الفكرة إلى الإنتاج. أطلقت خدمة Go مزودة بـ23 أداة للقراءة فقط، مع OAuth 2.0 وPKCE، ووصول مقيّد بالمستأجر، وضوابط للائتمانات، وتسجيل منظم، وحالة في PostgreSQL، وتحليلات، ووثائق. وبنيت مسار تسليمها إلى EC2 بنقل صورة Docker، وفحوص جاهزية قاعدة البيانات، والنسخ الاحتياطية، وعمليات الترحيل، وفحوص صحة مرحلية، والتراجع، وتقارير Slack.

    • ابتكرت وأطلقت Covent Spotlight، وهو نظام بحث بأسلوب Mac Spotlight، ثم استخرجته إلى حزمة مساحة العمل المشتركة @covent/spotlight التي يستخدمها Inbox وProspecting. تنسق الحزمة بين المصادر المحلية والمصادر المدعومة بالخادم، مع الإلغاء وتقسيم النتائج إلى صفحات والتنقل بلوحة المفاتيح والحفاظ على الحالة؛ ويستخدم Prospecting مكتبة Fuse.js للمطابقة التقريبية. وصف أحد العملاء التجربة بأنها غيّرت قواعد اللعبة.

    • خفضت JavaScript المحمّل أولًا عبر ستة مسارات في التطبيق من خلال تأجيل المزوّدات الثقيلة والواجهات المعتمدة على SDK وعلامات التبويب والحوارات غير النشطة والشفرة الخاصة بالمسار. انخفضت حزم بناء الإنتاج بنسبة 26–40%، ومنها onboarding من 482 إلى 295 kB وحملات القوائم من 808 إلى 487 kB؛ ووصفها الرئيس التنفيذي لـ Covent بأنها تحسين كبير.

    • أقود فريقًا من ثلاثة مهندسين وأرشدهم، وأعمل مالكًا لشفرة الواجهة الأمامية، وأراجع أعمال المنتجات والبنية المعمارية، وأضع المعايير الهندسية، مع مواصلة العمل المباشر في قاعدة الشفرة.

    • توليت مسؤولية انتقال Covent من واجهته القديمة المبنية بـ CRA إلى منصة أصلية باستخدام Next.js وReact. حافظت على جسر التنقل والمصادقة بين V1 وV2 خلال فترة التعايش، ثم أزلت iframe وطبقة API القديمة عند اكتمال الانتقال.

    • استبدلت توليد الرسائل متعدد الوكلاء والمحسوب مسبقًا بتدفق عند الطلب، فقللت استدعاءات النماذج بنسبة 96% في الحالة الموثقة وخفضت الإنفاق الشهري من نحو $9,000 إلى نحو $700.

    • بنيت Prospecting Insights API من البداية إلى النهاية باستخدام Django وPostgreSQL، بما يشمل الاستعلامات التجميعية واستعلامات النوافذ، ومدرجات الأسعار، وتصنيفات كبار المستثمرين، ومفاتيح التخزين المؤقت المعيارية، والاختبارات، والتكامل محدد الأنواع مع الواجهة الأمامية.

    • أعدت هندسة Investor Prospecting حول واجهات API حية للعقارات، وطبقات Mapbox WebGL، وعمليات البحث بالموقع والدبوس والمضلع، وحالة عميل محدودة، وإلغاء الطلبات القديمة، ومجمّع FIFO يسع 10,000 عقار.

    • بنيت Inbox آنيًا يعرض المحادثات بتصيير افتراضي، ويضم اتصالات WebSocket تعيد الاتصال، ورسائل SMS وبريدًا إلكترونيًا بتحديثات استباقية، وإعادة المحاولة والتراجع، والمرفقات، والترجمة، والقوالب، والجدولة، والتوجيه عبر URL، والحفاظ على موضع التمرير.

    • صممت وأطلقت Auth 2.0 بتدفقات XState، وهوية دائمة في Zustand، وتحديث متسلسل للرموز، وOTP، وGoogle وGHL SSO، واختيار الموقع، والمزامنة بين علامات التبويب، واستعادة إعادة التوجيه.

    • استبدلت Vercel Flags بشكل مستقل بـ LaunchDarkly عبر الأسطح المصيّرة على الخادم والعميل، مع تقييم آمن عند الفشل، ومزامنة الهوية، واشتراكات تفاعلية، وخيارات احتياطية، واختبارات انحدار.

    • بنيت تسليمًا محميًا عبر Vercel وGitHub Actions، وتقارير للإصدار والتراجع، وقابلية رصد عبر Sentry، وبوابات جودة باستخدام E2E وLighthouse وUnlighthouse.

    • React
    • TypeScript
    • Next.js
    • Go
    • Django
    • PostgreSQL
    • XState
    • Zustand
    • LaunchDarkly
    • WebSockets
    • AWS EC2
    • Sentry

  2. Metal

    مهندس برمجيات للواجهة الأمامية والخلفية

    –

    توليت من البداية إلى النهاية العمل على عمليات البيانات والاتصالات وحفظ المسودات وتعليم الواجهة الأمامية وأدوات المنصة لدى شركة ناشئة تستخدم الذكاء الاصطناعي في جمع التمويل، ومدعومة من Y Combinator وAndreessen Horowitz.

    • أنجزت DataOps Portal بتحكم في الإصدارات خلال 20 يومًا، مع دعم تصيير أي جداول واللقطات والتجاوزات على مستوى الحقول والبيانات العلائقية عبر مصادر متعددة الطبقات.

    • بنيت نظامًا متعدد المستويات لمسودات الملاحظات من البداية إلى النهاية عبر الواجهة الأمامية والخلفية، مع تخزين دائم في Redis وخيار احتياطي في localStorage.

    • عملت على Networks and Communications Hub، وأنجزت Communications Module في موعده، ووثّقته في مراجعة تقنية لاحقة.

    • قدت جلسات Frontend 101 لمهندسي الخلفية حول تصيير المتصفح وDOM وCSSOM وآليات React الداخلية وتطور HTML وCSS وNext.js.

    • بنيت نظام إعدادات عام يتحكم فيه عنوان URL باستخدام Nuqs، وأسهمت في تأسيس Vitest وPlaywright وLaunchDarkly وMixpanel.

    • React
    • TypeScript
    • Next.js
    • Redis
    • Nuqs
    • Vitest
    • Playwright
    • LaunchDarkly
    • Mixpanel
    • NestJS

  3. Bleed AI

    مهندس برمجيات

    –

    عملت على منتج ذكاء اصطناعي في مراحله المبكرة، وتسليم تطبيقات لعملاء الوكالة، وأولى خدماتي الخلفية في بيئة الإنتاج.

    • بنيت UpAutomate، وهو منتج لمطابقة وظائف Upwork يستخدم تقييم LLM ومرشحات متداخلة وواجهات OpenAI البرمجية؛ ووصل إلى 150 مستخدمًا تجريبيًا.

    • أنجزت تطبيقات React وNext.js لعملاء الوكالة.

    • بنيت خدمات FastAPI ونشرت أحمال عمل داخل حاويات عبر Docker على GCP.

    • React
    • Next.js
    • FastAPI
    • Docker
    • Google Cloud
    • OpenAI
    • Python

  4. TimeXperts / Workforce Software

    مهندس برمجيات مساعد، ثم مهندس برمجيات

    –

    عملت مع Workforce Software من خلال TimeXperts، وقدمت تطبيقات مؤسسية للوقت والحضور لدى Canon وOrnge وNational Gypsum.

    • أعدت هيكلة تطبيقات الوقت والحضور لدى Canon وOrnge وNational Gypsum، وأسهمت في تحقيق إيرادات تجاوزت $100,000 عبر العملاء المؤسسيين الثلاثة.

    • بنيت أداة Jira Comment Generator داخلية باستخدام Next.js، فخفضت وقت إنشاء التعليقات بنسبة 30%.

    • تقدمت من مهندس برمجيات مساعد إلى مهندس برمجيات خلال نحو ثلاثة أشهر.

    • React
    • TypeScript
    • JavaScript
    • Next.js
    • HTML
    • CSS

  5. ZUE

    مهندس برمجيات مبتدئ

    –

    عملت في ZUE، وهي شركة لتعهيد العمليات التجارية ذات جذور في عمليات الرعاية الصحية.

    • بنيت لوحة تقارير للعملاء سهّلت فحص تحليلات العمليات والرعاية الصحية.

    • بنيت نظامًا للحضور والإدارة متصلًا بجهاز الحضور ببصمة الإصبع في الشركة.

    • استخدمت Python لتنظيف تقارير الرعاية الصحية والتوصيل والمندوبين من مصادر متعددة وتوحيدها قبل إدخالها إلى Power BI، بدلًا من إعداد جداول البيانات المتكرر.

    • React
    • MUI
    • Bootstrap
    • HTML
    • CSS
    • Python
    • Pandas

  6. عمل مستقل مع العملاء

    مهندس برمجيات مستقل

    –

    ستة أشهر من العمل المهني مع العملاء، ركزت على منتجات العملات المشفرة والتسليم المتكامل للواجهة الأمامية والخلفية.

    • بنيت محفظة عملات مشفرة متكاملة تعرض الأرصدة والأسعار وسجل الأسعار، وتدعم الشراء والبيع والتحويل وتدفقات المعاملات، باستخدام React وIonic وRedux وExpress وMongoDB.

      مستودع الواجهة الأماميةمستودع الواجهة الخلفية

    • بنيت منصة تعليمية مدفوعة لأحد العملاء باستخدام Flask وSQLAlchemy، تضم حسابات للمعلمين والطلاب، وفصولًا دراسية، وواجبات، وتقييمات موزونة، ومحاولات متكررة، ومراجعات، ولوحات صدارة.

      عرض المستودع
    • React
    • Express
    • MongoDB
    • Flask
    • SQLAlchemy

مشاريع مستقلة

أنظمة بادرت بها وبنيتها من البداية إلى النهاية، منها منتجات لدى Covent مستخدمة الآن في الإنتاج ومشاريع خاصة بلغة Go.

من الفكرة إلى الإنتاج لدى Covent

Covent MCP

نظام لدى Covent اقترحته وتوليت تنفيذه من الفكرة إلى الإنتاج. أطلقت خدمته المكتوبة بلغة Go مزودة بـ23 أداة للقراءة فقط، مع OAuth 2.0 وPKCE، ووصول مقيّد بالمستأجر، وضوابط للائتمانات، وتسجيل منظم، وحالة في PostgreSQL، وتحليلات، ومسار تسليم موثق إلى EC2.

  • Go
  • MCP
  • OAuth 2.0
  • PostgreSQL
  • AWS EC2
قراءة الوثائق
من الفكرة إلى الإنتاج لدى Covent

Covent Spotlight

حزمة بحث قابلة لإعادة الاستخدام بأسلوب Mac Spotlight ابتكرتها وقدتها من الفكرة إلى الإنتاج لدى Covent. تجمع حزمة مساحة العمل الخاصة بين المصادر المحلية والمدعومة بالخادم، وتدعم تقسيم النتائج إلى صفحات مع إمكانية الإلغاء والتنقل بلوحة المفاتيح، وتستخدم Fuse.js في Prospecting للمطابقة التقريبية. تُستخدم داخليًا اليوم، مع خطة لإصدارها لاحقًا عبر npm.

  • React
  • TypeScript
  • Fuse.js
  • Async APIs
  • AbortSignal
من الفكرة إلى الإنتاج لدى Covent

Covent Codex

أداة CLI ذاتية التحديث مكتوبة بلغة Go لتوزيع إصدارات تعليمات Codex ومهاراته وسير عمله عبر المستودعات من دون إضافتها إلى شفرة المنتج. تحافظ على محتوى AGENTS.md الشخصي عبر كتل مُدارة، وتكشف التعديلات المحلية باستخدام قيم تحقق SHA-256، وتعرض فروق الأسطر الملوّنة قبل المزامنة، وتتتبع عدة مستودعات مستهدفة، وتوفر إصدارات macOS جرى التحقق من سلامتها بقيم تحقق.

  • Go
  • CLI
  • SHA-256
  • GitHub Actions
زيارة Covent Codex
مشروع خاص

Daftar

مرافق مهني خاص بلغة Go ينظم المشاريع والمحطات والسجلات المهنية في بيانات محددة الأنواع ولوحات معلومات مصيّرة على الخادم.

  • Go
  • net/http
  • html/template
  • Typed JSON
قيد التطوير

Khana

متتبع تغذية خاص يسجل السعرات الأسبوعية، ويقدّر متوسط فقدان الدهون اعتمادًا على TDEE، ويعرض مخططات مرتبة وتقارير وسجلات مصيّرة على الخادم. قيد التطوير.

  • Go
  • net/http
  • html/template
  • JSON
  • go-chart
قيد التطوير

Nethergate

أداة قيد التطوير لتهيئة خادم Minecraft، تحدد إصدارات Mojang، وتنزّل ملفات الخادم بأسلوب متدفق، وتحسب SHA-1، وترفض الملفات التي لا تتطابق قيم التحقق الخاصة بها.

  • Go
  • HTTP streaming
  • SHA-1
  • Mojang API

أنظمة سابقة ومشاريع تعاونية

الأنظمة الإنتاجية والأكاديمية والتعاونية التي أرست أسس خبرتي في هندسة الأنظمة الخلفية والخوارزميات وبرامج سطح المكتب وتعلم الآلة التطبيقي.

بدأت البرمجة في سن 11 عامًا باستخدام Turbo C ولغة C. وبحلول عام 2017، كنت أستخدم Visual Basic لبناء حاسبة لتكاليف البناء تقدّر كميات المواد والتكلفة الإجمالية من أبعاد المنزل وأسعار المواد المحلية. تطور ذلك العمل المبكر إلى الأنظمة أدناه.

مشروع إنتاجي

Truck Fleet Management

بنيت نظامًا لتتبع الأساطيل، مع إدارة للشركات والشاحنات حسب الأدوار، وعرض أحدث المواقع على الخريطة، وسجل للمواقع. يشرح المقال المرتبط نقل طلبات API المتكررة للتتبع إلى خدمة NestJS مصغرة مجدولة.

  • React
  • TypeScript
  • NestJS
  • MongoDB
  • Google Maps
قراءة المقال المرتبط
مشروع تعاوني

Dynamic Programmer

شاركت في تطوير تطبيق سطح مكتب باستخدام Electron يعرض عشرة مسائل في البرمجة الديناميكية من خلال مدخلات تفاعلية وحلول محسوبة.

  • Electron
  • JavaScript
  • HTML
  • CSS
عرض المستودع
مشروع أكاديمي

Visualized Pathfinding GUI

بنيت أداة تفاعلية باستخدام Python وPygame لعرض خوارزمية A*، مع حواجز يحددها المستخدم، واستدلال Manhattan، وإعادة بناء متحركة للمسار.

  • Python
  • Pygame
  • Tkinter
  • A*
عرض المستودع
مشروع تعاوني

Sentiment Analysis

شاركت في تطوير مصنف Bi-LSTM لمشاعر النصوص ضمن ست فئات، وحقق دقة 88.9% على نحو 22,000 تعليق معنّون.

  • Python
  • TensorFlow
  • Keras
  • Bi-LSTM
  • GloVe
عرض المستودع