مشروع موقع تجارة إلكترونية (E-Commerce)
نظرة عامة:
قمت بتطوير موقع تجارة إلكترونية متكامل يسمح للمستخدمين بتصفح المنتجات، إضافتها إلى سلة المشتريات، وإتمام عملية الشراء. ركز المشروع على كل من الـ Frontend و الـ Backend، وتم فيه دمج تصميم واجهة المستخدم مع منطق الأعمال (Business Logic) والبيانات الحقيقية.
التقنيات المستخدمة:
الواجهة الأمامية (Frontend): Angular، TypeScript، HTML5، SCSS، Bootstrap
الواجهة الخلفية (Backend): .NET Core Web API
قاعدة البيانات: SQL Server
أدوات إضافية: Postman لاختبار الـ API، Git و GitHub لإدارة الإصدارات
أهم الخصائص:
تسجيل دخول وتسجيل مستخدمين جدد (بواسطة JWT)
عرض المنتجات مع إمكانية الفلترة حسب الفئة
صفحة تفصيلية لكل منتج
إضافة المنتجات إلى السلة، تعديل الكمية، وحذف العناصر
تنفيذ عملية الشراء مع التحقق من البيانات (Validation)
لوحة تحكم للمشرف لإدارة المنتجات والفئات (CRUD)
تصميم متجاوب مع جميع الأجهزة (موبايل وكمبيوتر)
حماية الـ API باستخدام صلاحيات مختلفة للمستخدم والمشرف
دوري في المشروع:
تطوير الواجهة الأمامية باستخدام Angular وربطها مع الـ APIs
تصميم مكونات UI قابلة لإعادة الاستخدام مثل كروت المنتجات وشريط التنقل
دمج سلة المشتريات مع التخزين المحلي (Local Storage) وتحديثها لحظيًا
تنفيذ التحقق من صحة البيانات في النماذج باستخدام Reactive Forms
حماية الصفحات باستخدام توكنات JWT و Route Guards
برمجة واختبار واجهات برمجية (APIs) باستخدام .NET Core لإدارة المنتجات والمستخدمين