مدير النفقات الذكي - Web App

نوع العمل:

تطبيق ويب تفاعلي (Web Application) لإدارة الميزانية الشخصية، يتيح للمستخدمين تتبع دخلهم ومصروفاتهم بسهولة وفعالية.

الميزات الرئيسية:

حساب الرصيد الفوري - عرض إجمالي الرصيد الحالي بشكل فوري مع كل عملية

فصل الدخل والمصروفات - عرض منفصل وواضح للدخل الكلي والمصروفات الكلية

قائمة المعاملات المفصلة - عرض جميع المعاملات السابقة مع إمكانية حذفها

إضافة معاملات جديدة - واجهة بسيطة وسهلة لإضافة دخل أو مصروفات

الحفظ التلقائي - تخزين البيانات محليًا (Local Storage) بحيث تبقى البيانات محفوظة حتى بعد إغلاق التطبيق

إشعارات فورية - رسائل تنبيهية عند إضافة أو حذف معاملات

واجهة مستخدم حديثة وسريعة الاستجابة - متوافقة مع جميع الأجهزة (Desktop, Tablet, Mobile)

طريقة التنفيذ:

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

Vue.js 3 - إطار عمل JavaScript حديث وقوي للواجهات التفاعلية

Vite - أداة بناء سريعة وفعالة للتطوير والإنتاج

LocalStorage API - لحفظ البيانات بشكل دائم على جهاز المستخدم

Vue Toastification - مكتبة للإشعارات الذكية

المكونات الرئيسية:

Header - رأس التطبيق

Balance - عرض الرصيد الإجمالي

IncomeExpense - عرض الدخل والمصروفات

TransactionList - قائمة المعاملات مع خيار الحذف

AddTransaction - نموذج إضافة معاملات جديدة

خصائص التطوير:

كود نظيف ومنظم بطريقة مكونات Vue

معالجة الأخطاء والحالات الاستثنائية

أداء عالي وسرعة تحميل فائقة

متوافق مع Node.js الإصدارات الحديثة