CRUD using js and html and css

هو تطبيق ويب بسيط يسمح للمستخدم بإجراء عمليات:

إضافة (Create)

عرض (Read)

تعديل (Update)

حذف (Delete)

ويُعرف اختصارًا بـ CRUD، ويعمل بالكامل باستخدام الواجهة الأمامية فقط (Front-End) بدون استخدام قاعدة بيانات خارجية، حيث يتم تخزين البيانات باستخدام localStorage داخل المتصفح.

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

HTML: لبناء هيكل الصفحة (النموذج، الجدول، الأزرار).

CSS: لتنسيق الواجهة وجعلها جذابة ومتجاوبة.

JavaScript: لتنفيذ منطق العمليات (الإدخال، التعديل، الحذف، الحفظ) والتعامل مع البيانات.

المميزات الأساسية:

إضافة منتج جديد: من خلال نموذج إدخال يحتوي على الحقول (الاسم، السعر، الضرائب، الخصم، الفئة...).

عرض المنتجات: يتم عرض جميع المنتجات في جدول ديناميكي.

️ تعديل البيانات: يمكنك تعديل أي منتج بنقرة واحدة مع تعبئة النموذج تلقائيًا.

️ حذف منتج: حذف منتج معين أو جميع المنتجات دفعة واحدة.

بحث: إمكانية البحث حسب الاسم أو الفئة بشكل مباشر.

حفظ البيانات: باستخدام localStorage حتى تظل البيانات محفوظة بعد إغلاق أو تحديث الصفحة.

الفائدة من المشروع:

يُظهر قدرتك على التعامل مع الواجهة الأمامية بشكل كامل بدون أدوات خارجية.

تدريب عملي ممتاز على التحكم بالنماذج والجداول والتخزين المحلي.

مناسب للمشاريع الصغيرة، ويُستخدم كنموذج لتعليم أساسيات البرمجة.