products app

مشروع ويب متكامل مطوّر باستخدام Angular 17 يعتمد على مكوّنات Standalone ويقدّم تجربة متجر إلكتروني بسيطة تشمل استعراض المنتجات، نظام تسجيل دخول، وإدارة كاملة لعربة التسوّق. تم تطبيق أفضل ممارسات Angular من حيث تنظيم الكود، استخدام الخدمات، الحماية بالـ Guards، والتعامل مع API خارجي أو JSON Server. أهم المميزات: مبني باستخدام Angular 17 (Standalone Components) نظام تسجيل دخول كامل (Authentication) تسجيل دخول / تسجيل خروج حماية الصفحات باستخدام Auth Guards التعامل مع التوكن بشكل آمن إدارة المنتجات عرض قائمة المنتجات صفحة تفاصيل المنتج البحث داخل المنتجات عربة التسوق (Cart) إضافة المنتجات للسلة تعديل الكمية حذف المنتجات حفظ السلة في Local Storage استخدام Angular Services لفصل منطق التطبيق عن الواجهات ربط التطبيق بـ JSON Server / REST API تصميم متجاوب يعمل على كل الأجهزة كتابة كود نظيف قابل للتطوير والتوسع المهارات والأدوات المستخدمة: Angular 17 TypeScript RxJS Standalone Components Services Guards & Interceptors JSON Server HTML / SCSS هيكلة تعتمد على مكونات قابلة لإعادة الاستخدام