CRUDS

اسم البرنامج: نظام إدارة المنتجات

الغرض: تطبيق ويب لإدارة المنتجات بعمليات CRUD (إنشاء، قراءة، تحديث، حذف).

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

إضافة منتجات

إدخال تفاصيل المنتج: الاسم، السعر، الضرائب، الإعلانات، الخصم، الكمية، الفئة.

حساب إجمالي السعر تلقائيًا (السعر + الضرائب + الإعلانات - الخصم).

تحقق من صحة البيانات (يمنع الحقول الفارغة والكميات فوق 100).

تخزين البيانات:

استخدام localStorage لحفظ المنتجات بشكل دائم في المتصفح.

عرض المنتجات:

عرض المنتجات في جدول مع أرقام تسلسلية.

تحديث تلقائي للواجهة بعد أي تعديل.

التعديل والحذف:

تعديل المنتجات بنقرة واحدة.

حذف منتج واحد أو كل المنتجات معًا.

البحث:

البحث عن المنتجات بالاسم أو الفئة.

فلترة ديناميكية أثناء الكتابة.

تحسينات واجهة المستخدم:

تغذية بصرية للمدخلات غير الصحيحة (خلفية حمراء للإجمالي الفارغ).

تمرير سلس للقمة عند التعديل.

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

JavaScript خام (بدون إطارات عمل)

HTML5 & CSS3 (للهيكلة والتنسيق)

LocalStorage (حفظ البيانات الدائم)

الفئة المستهدفة:

أصحاب المشاريع الصغيرة

مديري المخازن

المطورين الذين يتعلمون عمليات CRUD

How to Use / كيفية الاستخدام

Add Product: Fill all fields → Click "Create".

Edit: Click "Update" → Modify values → Click "Update".

Delete: Click "Delete" on any product.

Search: Type in the search bar (switch between Title/Category).

إضافة منتج: املأ جميع الحقول → انقر "Create".

التعديل: انقر "Update" → عدل القيم → انقر "Update".

الحذف: انقر "Delete" بجانب أي منتج.

البحث: اكتب في شريط البحث (بدل بين البحث بالاسم أو الفئة).