note app

Note App - تطبيق إدارة الملاحظات

وصف المشروع:

Note App هو تطبيق ويب تم تطويره باستخدام React.js يتيح للمستخدمين كتابة وإدارة الملاحظات بسهولة. يوفر التطبيق واجهة بسيطة ومباشرة تتيح للمستخدمين إضافة ملاحظات جديدة، تعديلها، وحذفها، مع التحقق من صحة المدخلات لضمان تقديم ملاحظات سليمة.

المميزات الأساسية:

إضافة وتحرير الملاحظات: يمكن للمستخدمين إنشاء ملاحظات جديدة وتحرير الملاحظات الحالية بواجهة مستخدم بسيطة.

حذف الملاحظات: إمكانية حذف الملاحظات بسهولة مع تحديث فوري لقائمة الملاحظات.

التحقق من صحة النماذج: عند إضافة أو تعديل ملاحظة، يتم التحقق من صحة البيانات المدخلة (مثل التأكد من أن عنوان الملاحظة ليس فارغًا وأن النص يحتوي على محتوى مناسب).

جلب وتخزين الملاحظات: باستخدام React Query، يتم جلب الملاحظات وتحديثها من خادم خارجي مع تخزين مؤقت لزيادة سرعة الأداء.

واجهة مستخدم سلسة: تصميم بسيط وسهل الاستخدام يجعل إدارة الملاحظات عملية مريحة وسريعة.

التقنيات المستخدمة:

React.js: لإنشاء واجهات المستخدم والتفاعل مع الحالة.

React Query: لإدارة جلب البيانات من الخادم بشكل فعال وتخزينها مؤقتًا، مما يقلل من عدد الطلبات ويعزز الأداء.

Formik/Yup: للتحقق من صحة المدخلات في النماذج وضمان إدخال البيانات بشكل صحيح.

مراحل التطوير:

تصميم الواجهة: تم تطوير واجهة سهلة الاستخدام مع مراعاة تجربة المستخدم، مما يسهل عملية إضافة وتعديل الملاحظات.

إدارة البيانات باستخدام React Query: تم جلب الملاحظات من API خارجي وتخزينها مؤقتًا لتقليل التحميل على الخادم وجعل التطبيق أكثر استجابة.

التحقق من صحة المدخلات: تم استخدام مكتبة Formik مع مكتبة Yup للتحقق من صحة النموذج وضمان إدخال البيانات بشكل صحيح (مثل التحقق من وجود عنوان ونص للملاحظة).

إدارة الحالة: تم استخدام React hooks مثل useState و useEffect لإدارة حالات التطبيق، بما في ذلك إضافة، حذف، وتحديث الملاحظات.