مشروع ويب متكامل متجر الكتروني - Full Stack E-Commerce Web Application

قمت بتطوير موقع E-commerce متكامل يتيح للمستخدمين تصفح المنتجات، إضافتها إلى سلة التسوق، وإتمام عملية الشراء. تم بناء هذا المشروع باستخدام إطار Angular في الواجهة الأمامية مع Node.js و Express.js في الخلفية، وMongoDB كقاعدة بيانات لتخزين بيانات المنتجات والمستخدمين.

التفاصيل التقنية:

الواجهة الأمامية (Frontend):

تم تطوير الواجهة الأمامية باستخدام Angular، والذي يتيح تجربة مستخدم تفاعلية وسريعة، مع دعم التوجيه الديناميكي بين الصفحات واستخدام المكونات المستقلة (Standalone Components) لهيكلة نظيفة وقابلة للتوسع.

تم استخدام Sass و PrimeNG لتصميم واجهة جذابة وسلسة، مما يوفر تجربة مستخدم ممتازة تركز على سهولة التصفح وإتمام عمليات الشراء.

يحتوي المشروع على نظام فلترة وتصنيف المنتجات لتسهيل البحث على المستخدمين.

الخلفية (Backend):

تم بناء خادم خلفي باستخدام Node.js و Express.js، مع واجهات برمجية (APIs) للتعامل مع طلبات المنتجات، سلة التسوق، وحسابات المستخدمين.

تم تأمين البيانات والعمليات المالية باستخدام نظام مصادقة يعتمد على JWT لضمان أمان الحسابات وتوفير تجربة شراء آمنة.

قاعدة البيانات (Database):

تم استخدام MongoDB كقاعدة بيانات لتخزين بيانات المنتجات، المستخدمين، والطلبات. تم تصميم قاعدة البيانات بطريقة تتيح إدارة الكميات، الأسعار، وتحديثات المنتجات بسهولة.

خصائص المشروع:

نظام تسجيل ودخول المستخدمين: يمكن للمستخدمين إنشاء حسابات جديدة وتسجيل الدخول للوصول إلى حساباتهم الخاصة وإدارة مشترياتهم.

تصفح المنتجات: يمكن للمستخدمين استعراض قائمة المنتجات وتصفيتها حسب الفئات أو الأسعار.

إدارة سلة التسوق: يمكن للمستخدمين إضافة المنتجات إلى سلة التسوق وتحديث الكميات أو إزالة المنتجات.

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

نظام إدارة للمشرفين: للمستخدمين الإداريين، تم توفير واجهة لإضافة المنتجات وتعديلها، وإدارة الطلبات والمستخدمين.

نظام حماية باستخدام JWT: لضمان أمان المستخدمين والمعلومات المالية أثناء عمليات الشراء.

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

Angular: لتطوير واجهة المستخدم بطرق تفاعلية ومتقدمة، مع استخدام مكونات مستقلة لتوسيع المشروع بشكل أفضل.

Node.js و Express.js: لبناء الخادم الخلفي ومعالجة الطلبات.

MongoDB: لتخزين وإدارة بيانات المنتجات والمستخدمين.

JWT: لحماية الحسابات والبيانات الشخصية.

Sass: لتصميم واجهة المستخدم بشكل أنيق وحديث.

PrimeNG: لتقديم مكونات جاهزة وعملية لواجهة المستخدم.

التحديات التي تم التغلب عليها:

تصميم نظام إدارة سلة تسوق متكامل يوفر تجربة سلسة وسريعة للمستخدمين.

تأمين بيانات المستخدمين والحسابات باستخدام JWT لضمان حماية المعلومات أثناء عمليات الشراء.

دمج الواجهة الأمامية مع الخلفية وتدفق البيانات بسلاسة لعرض المنتجات ومعالجة الطلبات.