Expense Tracker

مشروع Expense Tracker هو تطبيق ويب بسيط وعملي تم تطويره باستخدام React.js وTypeScript بهدف مساعدة المستخدم على إدارة ميزانيته الشهرية وتتبع المصروفات بدقة وسهولة.

يتيح التطبيق للمستخدم:

تحديد الـ Income (الميزانية أو الدخل الشهري).

إضافة المصروفات مع تفاصيلها (الاسم، الفئة، المبلغ).

عرض إجمالي المصروفات مقارنة بالدخل.

معرفة الـ Remaining (المتبقي من الميزانية) بشكل مباشر.

الحصول على تنبيهات (Toasts) في حالة تجاوز المصروفات 80% من الدخل.

حفظ البيانات في Local Storage بحيث لا تضيع بعد إعادة تحميل الصفحة.

عرض رسم بياني تفاعلي (Pie Chart) باستخدام مكتبة Recharts يوضح توزيع المصروفات حسب الفئات، مع مساحة خاصة للـ Remaining باللون الأخضر لتمييز المتبقي من الميزانية.

يتميز التصميم بواجهة مستخدم بسيطة وسهلة الاستخدام، مع توزيع واضح للعناصر واستخدام الألوان بشكل يعزز تجربة المستخدم.