تخطي إلى المحتوى
العودة إلى الأعمال

مشروع واجهة ملاحظات React

واجهة ملاحظات React مع بيانات localStorage ولوحة ملاحظات وحالات إنشاء وتحرير ومعاينة وحالة فارغة.

عارض صور المشروع

واجهة ملاحظات React

صورة 1 من 2

فكرة المشروع

واجهة ملاحظات بسيطة بـReact — إضافة وتعديل وحذف ملاحظات، بتخزين محلي بالكامل في المتصفح (localStorage)، بدون أي خادم أو حساب مستخدم.

ما الذي تعرضه الواجهة

لوحة الملاحظات في حالتها الفارغة، ونموذج إضافة ملاحظة جديدة.

دوري وقراراتي

المشروع ده بسيط بطبيعته وماكانش فيه قرارات معمارية كبيرة تستحق التوثيق أثناء البناء الأصلي. القرار العملي الوحيد وقت التغليف كان إضافة إعداد NGINX مخصص للعرض الثابت بدل الاعتماد على الإعداد الافتراضي بس.

الجوانب التقنية

Create React App، React 19، وتخزين محلي بالكامل عبر localStorage — بدون API ولا قاعدة بيانات.

قيمة المشروع داخل المعرض

مثال بسيط ونظيف على إدارة حالة React مع تخزين محلي متزامن.

عرض أعمال أكثر
عرض خدمات أكثر