هذا المشروع يهدف إلى إنشاء نظام بسيط لإدارة المنتجات يسمح للمستخدم بالقيام بالعمليات الأساسية لإدارة المنتجات بطريقة ديناميكية وسهلة.
-الميزات الأساسية للمشروع:
-إضافة منتج جديد:
المستخدم يستطيع إدخال اسم المنتج، السعر الأساسي، الضرائب، والكمية.
يتم حساب السعر النهائي تلقائيًا أثناء الكتابة (Dynamic Calculation) باستخدام JavaScript.
-عرض المنتجات في جدول:
جميع المنتجات المضافة تظهر في جدول منظم.
يمكن رؤية تفاصيل كل منتج بسهولة.
-البحث عن المنتجات:
يوجد حقل Search يسمح بالبحث عن أي منتج حسب الاسم أو الوصف.
يتم تحديث الجدول مباشرة عند كتابة أي كلمة في حقل البحث.
-تعديل أو حذف المنتجات:
إمكانية تعديل بيانات أي منتج موجود.
إمكانية حذف أي منتج من الجدول بضغطة زر.
-واجهة تفاعلية وجذابة:
استخدام CSS لتنسيق الجدول والنماذج.
-تصميم بسيط وسهل الاستخدام، يدعم عرض البيانات بشكل مرتب.
-التقنيات المستخدمة:
HTML لإنشاء هيكل الصفحة والنماذج.
CSS لتنسيق المظهر وجعل الواجهة جذابة وسهلة الاستخدام.
JavaScript لإضافة الوظائف التفاعلية مثل:
Dynamic Calculation للسعر النهائي.
-البحث الفوري عن المنتجات.
-عمليات التعديل والحذف في الوقت الحقيقي.