Defactos — منصة متجر إلكتروني متكاملة

Defactos هي منصة متجر إلكتروني متكاملة (Full-Stack B2C E-Commerce Platform) متخصصة في تجارة الملابس والأزياء، تم بناؤها كـ Monorepo باستخدام تقنيات الـ MEAN Stack (Angular 20 & Node.js/Express) لتقديم تجربة تسوق سلسة وسريعة للمستخدم، مع إتاحة لوحة تحكم إدارية شاملة لإدارة كافة عمليات المتجر.

تم تطوير المشروع ليعكس أحدث أنماط الهندسة البرمجية (Enterprise Patterns) من حيث الأمان، الأداء، وهيكلة البيانات، بدءاً من استعراض المنتجات وحتى إتمام عملية الدفع والشحن.

• أبرز الخصائص والوظائف (Key Features):

1. واجهة المستخدم والتسوق (Storefront):

إدارة المنتجات والمخزون المتقدم: دعم تصفح المنتجات وتصفيتها حسب الأقسام، مع إدارة الأحجام والألوان (Variant-Aware Inventory) بدقة.

سلة تسوق متزامنة (Server-Synced Cart): حفظ وحساب عناصر السلة تلقائياً وربطها بحساب المستخدم، مع حساب الرسوم والضرائب ديناميكياً.

دفع إلكتروني آمن (Stripe Payment Intents): ربط متكامل مع بوابة Stripe للمعالجة الآمنة لعمليات الدفع وإحراز الفواتير.

إدارة الطلبات والشحن: حفظ نُسخة دقيقة وغير قابلة للتعديل من بيانات الشحن (Shipping Snapshot) لكل طلب، مع إمكانية تتبع حالة الطلب وإلغائه.

توثيق وحماية (Authentication): تسجيل الدخول وإنشاء الحسابات باستخدام مشفرات bcrypt ورموز JWT، مع حفظ بيانات العنوان التلقائي لتسهيل الشراء.

• 2. لوحة التحكم الإدارية (Admin Dashboard):

إدارة المنتجات والمخزون: CRUD كامل للمنتجات، رفع الصور، نظام إعادة التزويد (Restock Modal)، وتطبيق نمط الحذف الخفيف (Soft Delete / Restore).

إدارة الطلبات والمستخدمين: صلاحيات كاملة لمتابعة الطلبات، تحديث حالات الشحن، وتعديل صلاحيات المستخدمين.

إدارة الهيكلية والمحتوى: التحكم في الأقسام الرئيسية والفرعية، إدارة الأسئلة الشائعة (FAQs)، ومراجعة آراء العملاء (Testimonials).

رفع الميديا (Cloudinary CDN): معالجة ورفع الصور عبر Multer ورفعها فوراً على Cloudinary لضمان سرعة التحميل.

• الأمان والأداء (Security & Performance):

حماية ضد الهجمات: تطبيق Helmet للتحكم في بروتوكولات الأمان (CSP)، وتحديد معدل الطلبات (Rate Limiting) لمنع هجمات Brute-Force.

التحقق من البيانات: بناء نظام فحص ومدخلات مخصص (Custom Reactive Validators) لمنع ثغرات XSS وتطهير المدخلات قبل معالجتها.

معمارية نظيفة (Decoupled Architecture): فصل كلي بين Angular SPA وREST API لضمان سهولة التوسع والتطوير المستقبلي.

• التقنيات المستخدمة (Tech Stack):

Frontend: Angular 20, TypeScript, RxJS, Reactive Forms, Tailwind CSS 3

Backend: Node.js, Express 5, Mongoose 8

Database: MongoDB

Authentication: JSON Web Tokens (JWT) & Bcrypt

Payment Gateway: Stripe API

Media & Cloud Storage: Cloudinary CDN

Security & Tooling: Helmet, Express-Rate-Limit, CORS, Winston Logging