هذا نموذج بسيط لواجهة متجر إلكتروني باستخدام Angular 19، يقوم بجلب بيانات المنتجات من API خارجي وعرضها في الصفحة الرئيسية مع صورة المنتج، العنوان، وحالة التوفر (متاح / غير متوفر).
عند الضغط على أي منتج، يتم الانتقال إلى صفحة تفاصيل تعرض كل المعلومات الخاصة بالمنتج. كما يحتوي المشروع على زر "Add to Cart".
المميزات:
جلب البيانات ديناميكيًا من API
عرض صورة وعنوان المنتج وحالة التوفر
التنقل إلى صفحة تفاصيل المنتج
زر "Add to Cart" (واجهة فقط)
التقنيات المستخدمة:
Angular 19، TypeScript، HTML، CSS، تكامل مع API، Routing