CRUDS

نوع العمل

تطوير تطبيق ويب بسيط لإدارة المنتجات (CRUD Operations) باستخدام JavaScript فقط بدون أي Frameworks، يهدف إلى تدريب عملي على منطق التطبيقات والتعامل مع المستخدم والبيانات.

وصف المشروع

• مشروع CRUD لإدارة المنتجات يسمح للمستخدم بإضافة، تعديل، حذف، والبحث عن المنتجات بسهولة، مع حفظ البيانات محليًا داخل المتصفح باستخدام Local Storage، مما يحاكي أنظمة إدارة المنتجات في المشاريع الحقيقية.

ميزات المشروع

• إضافة أكثر من منتج في نفس الوقت

• تعديل وحذف منتج معين

• حذف جميع المنتجات بضغطة واحدة

• حساب السعر الإجمالي تلقائيًا

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

• حفظ البيانات في Local Storage حتى بعد إغلاق الصفحة

• واجهة استخدام بسيطة وسهلة

طريقة التنفيذ والتقنيات المستخدمة

• JavaScript (Vanilla JS) لتنفيذ منطق CRUD

• DOM Manipulation للتعامل مع الواجهة

• Local Storage لتخزين البيانات محليًا

• Input Validation لضمان إدخال بيانات صحيحة

تنظيم الكود لتحسين القابلية للتطوير