NahdaAIنهضة
React • المستوى الرابع • الدرس 2

المشروع التطبيقي الشامل (React Task Manager)

العودة لفهرس المستوى

أهداف المشروع التطبيقي

  • دمج جميع المفاهيم المكتسبة: المكونات، Props، useState، والـ Event Handling.
  • تنفيذ عمليات CRUD الأساسية (إنشاء، عرض، تحديث، وحذف) في واجهة تطبيق حقيقي.

1. بنية التطبيق المتكامل

يجمع هذا المشروع بين إدارة حالة القوائم المصنفة، تحديث عناصر المصفوفات عبر map وتصفيتها عبر filter، مع ربط كامل بالواجهة التفاعلية.

التطبيق العملي المباشر

تحدي إكمال المشروع التطبيقي

جرب إضافة مهام جديدة، الضغط عليها لشطبها، أو حذفها كلياً من القائمة حياً في المحرر!

⏳ جارٍ تحميل المحرر التفاعلي...