Shopzone E-Commerce

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

شمل العمل إنشاء صفحات رئيسية مثل الصفحة الرئيسية، صفحة المنتجات، صفحة تفاصيل المنتج، تسجيل الدخول، إنشاء حساب، السلة، الطلبات، الملف الشخصي، وصفحة الخطأ. كما تم تنفيذ نظام للتنقل بين الصفحات باستخدام Angular Routing، وإضافة حماية لبعض الصفحات باستخدام Route Guards بحيث لا يمكن الوصول إلى السلة أو الطلبات أو الملف الشخصي إلا بعد تسجيل الدخول.

تم كذلك تنفيذ نماذج تسجيل الدخول وإنشاء الحساب باستخدام Reactive Forms مع التحقق من صحة البيانات، بالإضافة إلى إدارة بيانات المستخدم والمنتجات والسلة والطلبات من خلال Services. كما تم دعم تجربة الاستخدام بإمكانية إضافة المنتجات إلى السلة، تعديل الكمية، حذف المنتجات، تنفيذ الطلبات، عرض سجل الطلبات، وإلغاء أو إزالة الطلبات عند الحاجة.

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