0%
Aymen
العودة إلى الأعمال
ويبمُنجز2026

Closini

منصة مراسلة عملاء متعددة القنوات — واتساب وإنستغرام وماسنجر وتيليغرام والرسائل القصيرة والدردشة، في صندوق وارد واحد مدعوم بالذكاء الاصطناعي مع منشئ سير عمل مرئي.

دَوري
مهندس برمجيات Full Stack
الفترة
فبراير 2026 — أغسطس 2026
الحالة
مُنجز
Closini
نظرة عامة

Closini منصة SaaS لمراسلة العملاء تجمع سبع قنوات (WhatsApp وInstagram وMessenger وTelegram وSMS والبريد الإلكتروني والدردشة عبر الويب) في صندوق وارد واحد مشترك للفريق، وتضيف إليه مساعد ذكاء اصطناعي لصياغة الردود ولوحة أتمتة مرئية على غرار Make، ليتمكن فريق الدعم من توجيه كل شيء والرد عليه من شاشة واحدة.

بُني الخادم وفق نهج DDD مع فصل الأوامر عن الاستعلامات CQRS، بحيث تبقى تكاملات القنوات عند الأطراف وتُطبَّع الأحداث إلى نموذج محادثة موحّد. ويرافق تطبيقَ الويب تطبيقٌ محمول مبني بـ React Native، وتُدار الفوترة لكل مقعد عبر Stripe بباقتي Starter وPro.

التحدّي

المشكلة المطلوب حلّها

لكل قناة لغتها الخاصة: صيغ webhooks مختلفة، وتدفقات مصادقة، وحدود معدلات، وإجراءات مراجعة متباينة — فـ Meta وحدها تشترط اجتياز App Review رسمي قبل السماح لتطبيق بمراسلة الصفحات على نطاق واسع. كان التحدي الهندسي هو استيعاب هذه البروتوكولات ضمن نموذج محادثة واحد متسق دون أن تتسرب تفاصيل التكاملات إلى قلب النظام.

واجهة المطوّرين
واجهة المطوّرين
الحل

كيف بُني

نُظّم الخادم حول DDD وCQRS: تعمل تكاملات القنوات كمحوّلات عند الأطراف تُطبّع الأحداث الواردة إلى نموذج محادثة موحّد، بينما تفصل الأوامرُ والاستعلاماتُ مسارَ الكتابة عن مسار القراءة.

أما الأتمتة فتقوم على لوحة عُقد مبنية بـ @xyflow على غرار Make، وتعتمد الفوترة على Stripe لكل مقعد بباقتي Starter وPro.

أبرز الميزات

ماذا يفعل

💬

صندوق وارد لسبع قنوات

تلتقي WhatsApp وInstagram وMessenger وTelegram وSMS والبريد الإلكتروني والدردشة عبر الويب في صندوق وارد واحد مشترك للفريق.

🧩

منشئ مسارات عمل مرئي

لوحة عُقد على غرار Make مبنية بـ @xyflow لأتمتة التوجيه والردود عبر القنوات.

🤖

مساعد ردود ذكي

مساعد ذكاء اصطناعي يعين الوكلاء على صياغة الردود داخل صندوق الوارد مباشرة.

💳

فوترة Stripe لكل مقعد

باقتا Starter وPro تُحتسبان لكل مقعد عبر Stripe.

📱

تطبيق محمول أصلي

تطبيق جوّال مبني بـ React Native لإدارة صندوق الوارد المشترك من الهاتف.

قصص العملاء
قصص العملاء
التقنيات المستخدمة

بُني باستخدام

الواجهة الأمامية

Next.js

يمنح Next.js واجهة الويب — بلوحاتها المتعددة من صندوق وارد ولوحة مسارات وإعدادات وفوترة — قواعد توجيه وعرض تصمد مع تزايد الشاشات.

TypeScript

يحافظ TypeScript على صرامة حدود DDD/CQRS، فتتحول الأوامر والاستعلامات وحمولات واجهات API للقنوات إلى عقود منمّطة بدل JSON حر.

الهاتف

React Native

يتيح React Native للتطبيق المحمول إعادة استخدام خبرة React نفسها، بقاعدة كود واحدة لنظامي iOS وAndroid.

الخلفية

Node.js

العبء بمعظمه إدخال وإخراج — دفعات webhooks من كل القنوات ونداءات API صادرة — وهو تماماً نمط التزامن الذي تجيده حلقة أحداث Node.

البيانات

PostgreSQL

المحادثات والرسائل والمقاعد والاشتراكات بيانات علائقية بامتياز، وتوفر PostgreSQL التكامل المعاملاتي الذي تعتمد عليه الفوترة وحالة صندوق الوارد.

Redis

يتولى Redis الحالة العابرة سريعة التغير التي يولّدها صندوق وارد فوري متعدد القنوات — بيانات ساخنة سيكون تمريرها عبر قاعدة البيانات العلائقية إهداراً.