Angular E-commerc App

لوحة تحكم لإدارة المنتجات - تطبيق تجارة إلكترونية

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

أبرز الميزات:

عرض المنتجات: يتم عرض المنتجات في بطاقات تحتوي على صورة المنتج، الاسم، السعر، والكمية المتاحة.

إدارة المخزون:

عرض حالة المنتج مباشرة:

عند نفاد الكمية يظهر (غير متوفر) باللون الأحمر.

عند تبقي منتجين فقط، تظهر عبارة (تبقّى منتجان فقط) باللون الأزرق.

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

بحث مباشر: يمكن للمستخدمين البحث بسهولة عن المنتجات من خلال شريط البحث العلوي.

إضافة منتج جديد: يمكن للمشرف (Admin) إضافة منتجات جديدة عبر نموذج خاص.

نظام تسجيل الدخول والخروج: يحتوي على صلاحيات للمشرف مع زر تسجيل خروج.

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

Angular – لبناء واجهة المستخدم وتفاعل البيانات.

TypeScript – لكتابة كود قوي وقابل للتوسعة.

Bootstrap لتنسيق وتصميم الواجهة.

JSON Server لمحاكاة البيانات backend وإجراء العمليات (CRUD).