ToDo List with Categories

مرحبا اريد مشروع ToDo بسيط مع إمكانية تصنيف المهام حسب الفئة. 🔹 Task 1 — إضافة مهمة جديدة المطلوب: Inputs: نص المهمة Dropdown لاختيار الفئة (Work – Personal – Study) زر “Add Task” خزّن المهمة داخل state كـ object: { text: "Finish React project", category: "Study", done: false } 🔹 Task 2 — عرض قائمة المهام المطلوب: اعرض كل مهمة في Card صغير. عرض: نص المهمة الفئة Checkbox لتحديد المهمة كمكتملة. عند عمل Check على المهمة، حدث state done. 🔹 Task 3 — فلترة المهام حسب الفئة المطلوب: أزرار Filter: All – Work – Personal – Study عند الضغط على أي زر: عرض المهام الخاصة بالفئة المختارة فقط. تصميم بسيط وواضح.