expenses-calculator

حاسبة المصاريف هي تطبيق ويب تفاعلي تم تطويره باستخدام React وReact Router DOM وMaterial-UI (MUI). يتيح التطبيق للمستخدمين إدارة وحساب نفقاتهم اليومية أو الأسبوعية أو الشهرية من خلال واجهة سهلة الاستخدام ونظام تنقل سلس.

واجهة المستخدم:

تصميم حديث ونظيف باستخدام مكونات MUI.

واجهة متجاوبة تعمل على أجهزة الكمبيوتر المكتبية والهواتف المحمولة.

إدارة المصاريف:

إضافة وتعديل وحذف مدخلات المصاريف.

تصنيف النفقات لتنظيم أفضل.

التنقل:

تم استخدام React Router DOM لتوفير تنقل سلس بين الصفحات مثل:

لوحة التحكم (نظرة عامة على المصاريف).

نموذج إضافة المصاريف.

سجل المصاريف.

الحسابات الفورية:

يقوم التطبيق بحساب إجمالي النفقات تلقائيًا ويوفر تفصيلًا حسب الفئة أو الإطار الزمني.

إدارة الحالة:

يتم استخدام حالة React وخطافات (hooks) لتحديث البيانات ديناميكيًا ومعالجتها بكفاءة.

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

React: لبناء واجهة المستخدم الأساسية.

React Router DOM: للتنقل بين الصفحات.

Material-UI: لتوفير واجهة أنيقة وسهلة الوصول ومتجاوبة.