قمت بتطوير واجهة أمامية احترافية لمنصة Darins Shared Inbox، وهي منصة CRM متكاملة لإدارة محادثات العملاء وربط واتساب للأعمال، مصممة لتساعد فرق خدمة العملاء والمبيعات على إدارة جميع المحادثات من مكان واحد بطريقة منظمة وسريعة.
لم يكن دوري مجرد تصميم الواجهات، بل كنت مسؤولًا عن بناء معمارية Frontend كاملة قابلة للتوسع والصيانة، مع إعادة هيكلة المشروع بالكامل ليصبح جاهزًا للإنتاج (Production Ready) وفقًا لمعايير المشاريع الكبيرة (Enterprise Applications).
أهم ما قمت بتنفيذه:
بناء واجهات تفاعلية وسريعة باستخدام React.js.
تصميم معمارية Feature-Based Architecture لفصل كل جزء من النظام عن الآخر.
إنشاء طبقات مشتركة (Shared Layers) لإدارة الـ API والـ State والـ Events.
تطوير نظام لإدارة المحادثات (Shared Inbox).
تطوير نظام إدارة العملاء (CRM).
بناء نظام الملاحظات الداخلية (Internal Notes).
تطوير نظام إدارة المسؤوليات (Assignments).
تطوير نظام إدارة الوسوم (Tags).
تطوير نظام Workflow لإدارة حالة المحادثات.
إنشاء صفحات التشخيص (Diagnostics) وصحة النظام (System Health).
تحسين أداء المشروع وإزالة الكود القديم (Legacy Code).
بناء نظام Runtime Audit Toolkit بالكامل باستخدام PowerShell وNode.js وPlaywright لفحص المشروع تلقائيًا واكتشاف الأخطاء المعمارية وأخطاء JavaScript والشبكات والـ Runtime قبل الإطلاق.
التقنيات المستخدمة
React.js
JavaScript (ES6+)
REST API
WordPress Plugin Development
Node.js
PowerShell
Playwright
Git & GitHub
Modular Architecture
Feature-Based Architecture
Runtime Validation
Enterprise Frontend Architecture
أبرز إنجازات المشروع
إعادة هيكلة المشروع بالكامل ليصبح أكثر تنظيمًا وقابلية للتطوير.
تقليل الاعتماد بين أجزاء المشروع (Low Coupling).
بناء نظام فحص تلقائي للمشروع يراجع جودة الكود والبنية المعمارية في ثوانٍ.
الوصول بالمشروع إلى مرحلة Production Ready مع تقارير تحقق شاملة عن جودة النظام.