تتبع المصروفات

تم بناء هذا التطبيق باستخدام React وReact Router، ويستخدم Local Storage لحفظ البيانات بشكل دائم في المتصفح. يتميز بتصميم متجاوب وواجهة بسيطة وسهلة الاستخدام. يتيح شريط التنقل الجانبي الوصول بسهولة إلى أقسام التطبيق المختلفة. يحتوي مكون ExpenseForm على تحقق من صحة الإدخال للتأكد من أن جميع الحقول تم تعبئتها بشكل صحيح، بينما يقوم مكون ExpenseList بعرض جميع النفقات وحساب إجمالي المبلغ المنفق. يمكن للمستخدمين تعديل وحذف النفقات مباشرة من القائمة. تم تنسيق التطبيق باستخدام أنماط مضمّنة (inline styles) لسهولة التطوير، مع إمكانية تحويله لاحقًا لاستخدام CSS أو styled-components. تتضمن ميزات إمكانية الوصول (Accessibility) تسمية صحيحة لحقول النماذج والأزرار، ودعم التنقل باستخدام لوحة المفاتيح. بشكل عام، يقدم هذا التطبيق نظامًا متكاملًا لتتبع النفقات، وقابلًا للتطوير بإضافة ميزات جديدة عند الحاجة.