Grocery List App

مرحبا اريد مشروع React تطبيق لإدارة قائمة مشتريات يومية. 🔹 Task 1 — إضافة عناصر للقائمة المطلوب: Input لكتابة اسم المنتج. زر “Add Item”. عند الضغط → يتم حفظ العنصر في state: { id: 1, name: "Milk", bought: false } 🔹 Task 2 — عرض القائمة وتحديد الشراء المطلوب: عرض كل عنصر في Card أو List Item. لكل عنصر: الاسم Checkbox لتحديد إذا تم شراءه. عند تحديد العنصر → يتم تحديث حالة bought إلى true. 🔹 Task 3 — حذف وفلترة العناصر المطلوب: زر لحذف أي عنصر من القائمة. إضافة Buttons لفلترة العناصر: All → عرض كل العناصر Bought → العناصر التي تم شراؤها Not Bought → العناصر المتبقية التصميم بسيط وواضح.