الريف - منصة العلامة والكتالوج لمنتجات الزيتون الفاخرة
موقع علامة تجارية عربي أولاً وكتالوج منتجات مع نظام إدارة محتوى بـ 35 صلاحية ومكتبة وسائط MinIO وصندوق استفسارات وأمان مشدد لأول مصنع زيتون في السعودية
الريف هو أول مصنع للزيتون في السعودية بخطي منتجات،
أطلس وأليسا،
يُباعان عبر الموزعين وسلاسل التجزئة.
كان حضوره الإلكتروني قالب متجر جاهز يشبه كل منافس ويعامل العربية كفكرة لاحقة ولا يستطيع سرد قصة العلامة: العائلة والبساتين وشهادات الصناعة السعودية.
كل تغيير في صورة منتج أو وصف أو بانر رئيسي كان يمر عبر مطور.
لم تكن هناك مكتبة وسائط فتناثرت الصور في المحادثات وذواكر USB.
استفسارات الموزعين تصل عبر واتساب والهاتف بدون سجل.
دخول لوحة الإدارة كان مشتركاً فلا أحد يعرف من غيّر ماذا.
أرادت العلامة موقعاً تملكه بالكامل: عربياً أولاً مع وضع إنجليزي كامل وسريعاً بما يكفي للتصدر في نتائج البحث وآمناً بما يكفي لتركه يعمل لسنوات وقابلاً للتحرير من فريق التسويق بدون مطور.
لقطات من المشروع
واجهة الصفحة الرئيسية (بالعربية)
بنينا واجهة API بمعمارية Clean Architecture على .NET 9 وعميل Angular 20 مع Angular Material وSignals وعرض OnPush.
الموقع العام يضم شريحة واجهة ومزايا ومنتجات مميزة واستعراض فئات ومقتطف من نحن وشهادات في الصفحة الرئيسية،
وكتالوج منتجات بتصفية حسب الفئة والعلامة وبحث وتقسيم صفحات،
وصفحات منتجات بمعرض صور وعرض مكبر ومواصفات ومنتجات مشابهة،
وصفحة من نحن تحريرية ونموذج تواصل ثنائي اللغة مع تحقق.
الصفحة الرئيسية ومن نحن وتواصل معنا مُعرضة مسبقاً عبر Angular SSR للسرعة ومحركات البحث.
كل كيان في الكتالوج يخزن العربية والإنجليزية معاً عبر نوع MultiLangEntry مع 736 مفتاح ترجمة لكل لغة وتطابق مفاتيح مفروض في CI.
نظام إدارة المحتوى على /admin محكوم على مستوى المسار وواجهة API بـ 35 صلاحية عبر المنتجات والفئات والعلامات ومحتوى الصفحة الرئيسية والشهادات وصفحة من نحن ورسائل التواصل والوسائط وإعدادات الموقع والمستخدمين والأدوار.
يرفع التسويق الصور إلى مكتبة وسائط MinIO بمجلدات وسحب وإفلات وطابور رفع في الخلفية ويعيد ترتيب شرائح الواجهة والمزايا دون لمس الكود.
رسائل التواصل تصل إلى صندوق وارد ببحث وتصفية مقروء وغير مقروء وروابط رد.
الأمان مبني في الأساس: ASP.NET Identity مع JWT ورموز تجديد وجلسات كوكيز لا تُقبل إلا في طلبات XHR وسياسة أمان محتوى قائمة على التجزئة يملكها حاوي الويب وسياسة تحديد معدل على كل مسار يتحقق منها اختبار ودورات حذف ناعم لبيانات الكتالوج وبذر يرفض كلمات مرور المشرف الضعيفة في الإنتاج.
المنصة كلها تُنشر كصور Docker خلف Nginx بشهادة Let's Encrypt ومغطاة باختبارات Playwright الشاملة.
النتائج
موقع علامة تجارية ثنائي اللغة عربي أولاً: شريحة واجهة ومزايا ومنتجات مميزة واستعراض فئات وشهادات ومن نحن وتواصل معنا، كلها قابلة للتحرير من نظام إدارة المحتوى
كتالوج منتجات بتصفية حسب الفئة والعلامة وبحث وتقسيم صفحات ومعارض صور وعرض مكبر ومواصفات ومنتجات مشابهة
الصفحة الرئيسية ومن نحن وتواصل معنا مُعرضة مسبقاً عبر Angular SSR للسرعة والظهور في البحث
16 كياناً و83 معالج CQRS على .NET 9 بمعمارية Clean Architecture مع عميل Angular مولّد بـ NSwag
35 صلاحية دقيقة عبر 11 وحدة إدارية مفروضة على مستوى المسار وواجهة API
مكتبة وسائط MinIO بشجرة مجلدات وسحب وإفلات وطابور رفع في الخلفية وترتيب صور لكل منتج
صندوق استفسارات ببحث وتصفية مقروء وغير مقروء وروابط رد بدلاً من استفسارات واتساب غير المتتبعة
736 مفتاح ترجمة لكل لغة مع تطابق مفروض في CI وتخطيطات RTL وLTR على كل الواجهات
سياسة أمان محتوى قائمة على التجزئة وجلسات كوكيز لطلبات XHR فقط وJWT مع رموز تجديد وسياسة تحديد معدل على كل مسار يتحقق منها الاختبار
دورة حذف ناعم لبيانات الكتالوج وطوابع تدقيق زمنية وبذر إنتاجي يرفض كلمات مرور المشرف الضعيفة
حزمة اختبارات Playwright شاملة ونشر Docker خلف Nginx بشهادة Let's Encrypt على alreef.org
التقنيات المستخدمة
تريد المساهمة في بناء التالي؟ اطّلع على الوظائف المفتوحة في الهندسة والتصميم والمبيعات ←