موقع تجاره الكترونيه

تطبيق تجارة إلكترونية – الواجهة الأمامية (Angular)

تم تطوير تطبيق واجهة أمامية لموقع تجارة إلكترونية باستخدام Angular، مع التركيز على تقديم تجربة تسوق سلسة وسريعة وسهلة الاستخدام، بدايةً من تسجيل المستخدم وحتى تصفح المنتجات وإدارة سلة المشتريات.

المميزات الرئيسية:

واجهات تسجيل المستخدم تشمل إنشاء حساب، تسجيل الدخول، وتسجيل الخروج

إدارة جلسة المستخدم بشكل آمن مع حفظ رمز التحقق (Token) داخل Cookies

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

صفحة رئيسية ديناميكية لعرض المنتجات داخل بطاقات منظمة

صفحة تفاصيل المنتج لعرض جميع معلومات المنتج

إمكانية إضافة المنتجات إلى سلة المشتريات مع تحديث فوري

عرض رسائل تفاعلية للمستخدم باستخدام Toastr (نجاح – خطأ – تنبيهات)

استخدام HTTP Interceptor بشكل عام من أجل:

عرض شاشة التحميل (Loading Screen)

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

إدارة طلبات المصادقة Authentication

مميزات سلة المشتريات:

صفحة مخصصة لسلة التسوق

زيادة وتقليل كمية المنتجات

حذف المنتجات من السلة بسهولة

تحديث الواجهة بشكل فوري لتحسين تجربة المستخدم

تنظيم المنتجات

عرض المنتجات حسب التصنيفات (Categories) و العلامات التجارية (Brands)

تصفية المنتجات والتنقل بينها بشكل ديناميكي

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

Angular

TypeScript

RxJS

Angular Services & Dependency Injection

Angular Routing & Guards

HTTP Client & Interceptors

Toastr Notifications

تصميم متجاوب باستخدام HTML5 و CSS3 و Bootstrapو Tailwind

هدف المشروع:

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