E-StoreX | Advanced Angular 19 E-Commerce Frontend with Stripe Integration
تفاصيل العمل
الوصف:
E-StoreX هو تطبيق واجهة أمامية (Frontend) لمتجر إلكتروني احترافي تم تطويره باستخدام Angular 19 و TypeScript و TailwindCSS، ومتكامل مع Backend مبني باستخدام ASP.NET Core Web API.
المشروع يحاكي متجر إلكتروني حقيقي من حيث تجربة المستخدم، الأمان، إدارة الطلبات، وتدفق عملية الدفع الإلكتروني.
تصميم متجاوب بالكامل (Fully Responsive):
الواجهة الأمامية متجاوبة 100% وتعمل بكفاءة على:
- جميع أحجام الموبايل
- التابلت
- اللابتوب
- أجهزة الديسكتوب والشاشات الكبيرة
دعم الوضع الليلي والنهاري (Dark / Light Mode):
- إمكانية التبديل بين الوضع الفاتح (Light Mode) والوضع الداكن (Dark Mode)
- حفظ اختيار المستخدم
- تصميم متناسق في كلا الوضعين
- تحسين تجربة الاستخدام خاصة في الإضاءة المنخفضة
أهم المميزات:
- تصفح المنتجات مع فلترة متقدمة والبحث
- صفحة تفاصيل منتج مع عرض حالة المخزون
- تسجيل دخول وتسجيل جديد باستخدام JWT
- دعم تسجيل الدخول عبر Google و GitHub
- سلة مشتريات ذكية تدعم المستخدم غير المسجل
- دمج السلة تلقائيًا عند تسجيل الدخول
- نظام Checkout متعدد المراحل
- تكامل آمن مع Stripe لمعالجة الدفع الإلكتروني
- عرض سجل الطلبات وتفاصيل كل طلب
- معالجة مركزية للأخطاء باستخدام Interceptors
المميزات التقنية:
- Architecture منظمة بنظام Core / Shared / Features
- إدارة الحالة باستخدام Angular Signals
- Generic ResourceService لتوحيد عمليات الـ API
- Lazy Loading لتحسين الأداء
- كود نظيف وقابل للتوسعة والصيانة
- تكامل كامل مع ASP.NET Core RESTful API
رابط المعاينة: