متجر ثنائي اللغة
تصفح المنتجات والتصنيفات والعلامات التجارية والبحث والسلة والـCheckout بالعربية والإنجليزية.
كندة الطبية — للتجارة الإلكترونية
تجارة المستلزمات الطبية، من الفكرة إلى التشغيل.
متجر فعلي للمستلزمات الطبية والعناية المنزلية بالعربية والإنجليزية، تدعمه لوحة إدارة مستقلة وBackend تجارة معياري مبني بـ.NET.
تقنيات المشروع
منشور ويعمل فعليًازيارة المتجر
ما تم تسليمه
تجربة العميل وإدارة المتجر، في منظومة واحدة.
إدارة تشغيلية
إدارة الكتالوج والمحتوى والطلبات والعروض ومناطق التوصيل والمرتجعات من تطبيق مستقل.
Backend معياري
واجهات تجارة ونموذج بيانات على PostgreSQL، مع فصل موديولات العمل والتحكم في الصلاحيات.
01 / نظرة عامة
لم يكن الهدف مجرد إنشاء كتالوج للمنتجات.
احتاج مشروع كندة الطبية إلى متجر للمستلزمات الطبية والعناية المنزلية يدعم العربية والإنجليزية، مع أدوات لإدارة الكتالوج والطلبات.
نفّذت المنظومة بالكامل: متجر Angular 20 مع SSR، ولوحة إدارة Angular 22، وBackend معياري بـ.NET 10 وFastEndpoints وEF Core وPostgreSQL.
02 / التحدي
التجارة الإلكترونية تصبح معقدة بسرعة.
يرى العميل المنتجات والتصنيفات والصور والأسعار والبحث والسلة والدفع ومعلومات الطلب.
أما خلف هذه التجربة، فتحتاج الشركة إلى بيانات منتجات منظمة، وإدارة للمحتوى والطلبات والمدفوعات والشحن والإشعارات والمصادقة ومسارات العمل الإدارية.
التحدي الهندسي: الحفاظ على اتساق تجربة الشراء ثنائية اللغة ولوحة الإدارة وقواعد العمل عبر تطبيقات مستقلة.
03 / تجربة المتجر
تجربة مصممة لاكتشاف المنتجات.
تركز واجهة المتجر على تسهيل انتقال العميل من الاستكشاف إلى الشراء.
تشمل التجربة تصفح التصنيفات والمنتجات، والمحتوى الترويجي، ومكونات المنتجات القابلة لإعادة الاستخدام، والتخطيطات المتجاوبة، وتفاصيل المنتج، واستعراض الصور، والسلة، ومسار إتمام الشراء.
تحافظ الواجهة على تجربة متسقة عبر Desktop وMobile، مع دعم حقيقي لاتجاهي RTL وLTR.
04 / تجربة المنتج
معلومات المنتج بلا تعقيد غير ضروري.
تعرض صفحات المنتج المعلومات المهمة لاتخاذ قرار الشراء، مع إتاحة استكشاف الصور والخيارات والمنتجات المرتبطة والمعلومات المساندة.
تحافظ مكونات المنتج القابلة لإعادة الاستخدام على الاتساق بين الصفحة الرئيسية والتصنيفات والبحث والتوصيات وأقسام المنتجات المرتبطة.
05 / رحلة التجارة
من اكتشاف المنتج إلى الطلب.
تم تصميم كل مرحلة باعتبارها جزءًا من مسار واحد، لا شاشة منفصلة.
- الاكتشاف
- التقييم
- الإضافة للسلة
- إتمام الشراء
- الدفع
- التوصيل
- الطلب
06 / لوحة الإدارة
واجهة المتجر ليست سوى نصف المنتج.
يدير تطبيق Angular 22 المنتجات والتصنيفات والعلامات التجارية ومحتوى المتجر والعروض والطلبات ومناطق التوصيل والمرتجعات.
تعتمد قائمة التنقل والوصول على صلاحيات موديولات الـBackend. وتتيح مكونات الإدارة القابلة لإعادة الاستخدام البحث والتصفية والتعامل مع السجلات المنظمة.
07 / التكاملات
حدود واضحة لمزوّدي الخدمات.
تتيح واجهات مستقلة للدفع والشحن تطوير سلوك المزوّدين بعيدًا عن إدارة الكتالوج والطلبات. تدعم المزوّدات الأولية التشغيل اليدوي.
المدفوعات
فصل تسجيل مزوّدي الدفع وإعداداتهم عن منطق الطلبات، مع تنفيذ مزوّد دفع يدوي.
التوصيل
مزوّدو شحن ودول ومدن توصيل وعروض أسعار ضمن مسار الـCheckout، مع تنفيذ مزوّد شحن يدوي.
تنبيهات التوفر
تتيح اشتراكات توفر المنتجات لفريق العمل متابعة اهتمام العملاء بالمنتجات غير المتاحة حاليًا.
08 / معمارية النظام
منصة مصممة لتتطور.
تم فصل تجربة العميل ولوحة الإدارة وقدرات الأعمال والتكاملات والبنية التحتية، لتتطور كل منطقة دون تحويل المنصة إلى كتلة برمجية شديدة الترابط.
العميلواجهة المتجرCommerce APIsوحدات الأعمالالبيانات والتكاملات
العملياتلوحة الإدارةAPIsوحدات الأعمال
الخدمات الخارجية
المدفوعات
التوصيل
الإشعارات
قدرات AI مستقبلية
09 / قرارات هندسية
هيكل يحمي المنتج مع نموه.
متجر مع SSR
يُنتج Angular SSR صفحات المتجر قبل تفعيلها في المتصفح، وتعمل لوحة الإدارة كتطبيق Angular مستقل.
منطق أعمال معياري
الكتالوج والمحتوى والطلبات والتوصيل والمرتجعات قدرات منفصلة ضمن Modular Monolith مبني بـ.NET.
عزل مزوّدي الخدمات
تفصل واجهات الدفع والشحن سلوك كل مزوّد عن مسار التجارة الأساسي.
بيانات علائقية
نمذجة سجلات التجارة وعلاقاتها بـEF Core وPostgreSQL خلف واجهات API محددة الأنواع.
العربية والإنجليزية
واجهات مترجمة وتخطيطات تراعي اتجاه اللغة لتجربة شراء متسقة في RTL وLTR.
إدارة بالصلاحيات
تحدد صلاحيات الـBackend وقائمة التنقل القادمة من الموديولات الوظائف المتاحة للمستخدم.
10 / ما بعد التجارة
الطبقة التالية هي الذكاء.
الذكاء الاصطناعي امتداد مستقبلي لهذه المنصة، وليس ميزة يتم تقديمها كجزء منفّذ في دراسة المشروع.
يمكن لاحقًا الاستفادة من الكتالوج المنظم وواجهات التجارة في استرجاع المعلومات ومساعدة العملاء وأدوات تشغيلية محكومة.
الهدف ليس إضافة Chatbot.
الهدف هو أن يصبح الذكاء قدرة أخرى داخل النظام.