"تطبيق قائمة التسوق" — Simple Shopping List App

مرحبًا، المشروع إضافة وحذف عناصر من قائمة باستخدام React. 🔹 Task 1 — صفحة إضافة العناصر (Add Item Page) هدف الصفحة: تمكين المستخدم من إضافة المنتجات لقائمة التسوق. المطلوب: صفحة AddItem.jsx Input لإضافة اسم المنتج زر “Add” تخزين العناصر في useState Array Validation بسيط: منع إضافة عنصر فارغ 🔹 Task 2 — صفحة عرض القائمة (Items List Page) هدف الصفحة: عرض كل العناصر المضافة بطريقة منظمة. المطلوب: صفحة ItemsList.jsx عرض كل العناصر في List أو Cards زر حذف لكل عنصر (Delete) تصميم بسيط وواضح 🔹 Task 3 — صفحة العناصر المكتملة (Purchased Items Page) هدف الصفحة: تمكين المستخدم من تحديد العناصر كمشتراة وعرضها. المطلوب: صفحة PurchasedItems.jsx checkbox لكل عنصر لتحديده كمشتراة عرض العناصر المكتملة فقط زر للرجوع لقائمة كل العناصر