Multi-Vendor E-Commerce Marketplace | MEAN Stack (Angular & Node.js)

ساهمت في تطوير منصة تجارة إلكترونية متعددة البائعين (Multi-Vendor Marketplace) متخصصة في بيع قطع غيار السيارات، باستخدام تقنيات MEAN Stack (MongoDB, Express.js, Angular, Node.js)، مع التركيز على بناء نظام مصادقة آمن وتجربة مستخدم سلسة.

فكرة المشروع

منصة إلكترونية تتيح للبائعين عرض وإدارة منتجاتهم، وتمكّن المشترين من تصفح المنتجات وإضافتها إلى سلة المشتريات وإتمام الطلبات، مع وجود نظام صلاحيات مختلف لكل نوع مستخدم (Admin – Seller – Buyer).

مسؤولياتي في الـ Back-End (Node.js & Express)

تطوير نظام Authentication & Authorization باستخدام:

JWT Authentication

Secure password hashing باستخدام bcrypt

إنشاء وظائف:

تسجيل المستخدم (Register)

تسجيل الدخول (Login)

استعادة كلمة المرور (Forget Password)

إعادة تعيين كلمة المرور (Reset Password)

تطبيق Role-Based Access Control (RBAC) لحماية المسارات حسب نوع المستخدم.

تنفيذ Validation ومعالجة الأخطاء (Error Handling) لضمان أمان واستقرار النظام.

مسؤولياتي في الـ Front-End (Angular)

تطوير صفحات:

Login & Register باستخدام Angular Reactive Forms

User Settings لتعديل بيانات المستخدم

Product Pages (عرض المنتجات والتفاصيل)

Shopping Cart (إضافة / حذف المنتجات وإدارة الكميات)

استخدام HTTP Interceptors من أجل:

إضافة Authorization Headers تلقائيًا

التعامل مع الطلبات والاستجابات بشكل مركزي

تطبيق Angular Guards لحماية الصفحات التي تتطلب تسجيل دخول.

بناء واجهة متجاوبة بالكامل (Responsive UI) باستخدام Angular Architecture منظمة وقابلة لإعادة الاستخدام.

التقنيات المستخدمة

MongoDB — Express.js — Node.js — Angular — TypeScript — JWT — bcrypt — REST APIs — Reactive Forms — Angular Guards — HTTP Interceptors

نتائج المشروع

نظام تسجيل دخول آمن وقابل للتوسع

حماية كاملة للصفحات والبيانات حسب صلاحيات المستخدم

تجربة مستخدم سلسة مع واجهة تفاعلية وسريعة

كود منظم قابل للصيانة والتطوير المستقبلي