صفحة عرض الملاحظات (Notes List Page)

مرحبًا، هتشتغل في المشروع ده على تطبيق بسيط لتسجيل الملاحظات اليومية باستخدام React. المشروع مقسّم لثلاث تاسكات واضحة وسهلة. 🔹 Task 1 — صفحة إضافة الملاحظات (Add Note Page) هدف الصفحة: إنك تنشئ فورم بسيط يخلّي المستخدم يكتب ملاحظة ويضيفها للقائمة. المطلوب: إنشاء صفحة اسمها: AddNote.jsx إضافة input للملاحظة زر “Add” استخدام useState لتخزين قيمة الملاحظة لما تضغط Add، تتم إضافة الملاحظة لمصفوفة (array) في الـ state تنسيق بسيط للصفحة (Font، Margin… إلخ) 🔹 Task 2 — صفحة عرض الملاحظات (Notes List Page) هدف الصفحة: عرض كل الملاحظات اللي تم حفظها. المطلوب: إنشاء صفحة اسمها: NotesList.jsx عرض الملاحظات في Cards أو List لو مفيش ملاحظات تظهر رسالة "لا توجد ملاحظات" زر لحذف الملاحظة (Delete) استخدام props لتمرير البيانات بين الصفحات لو محتاج 🔹 Task 3 — صفحة تفاصيل الملاحظة (Note Details Page) هدف الصفحة: عرض تفاصيل الملاحظة بشكل منفرد. المطلوب: إنشاء صفحة اسمها: NoteDetails.jsx لما تضغط على ملاحظة من صفحة العرض، تنتقل لصفحة التفاصيل تعرض نص الملاحظة تاريخ الإضافة (حتى لو بتاريخ الجهاز) زر للرجوع لصفحة قائمة الملاحظات