موقع بسيط بواجهة رسومية نظيفة يساعد المستخدم على تنظيم وإدارة مصاريفه بشكل سهل وفعّال.
يسمح لك التطبيق بـ:
- إنشاء حساب جديد أو تسجيل الدخول للوصول إلى بياناتك.
- إضافة المصاريف اليومية أو الشهرية.
- تحديد ميزانية عامة يمكنك تعديلها.
- متابعة المصاريف ومقارنتها بالميزانية المحددة.
- عرض رسم بياني توضيحي لتوزيع المصروفات.
- الحصول على إشعارات تنبيهية عند الاقتراب من استهلاك كامل الميزانية.
- تحتوي على نموذج تسجيل الدخول للمستخدمين الحاليين.
- في حال عدم وجود حساب، يمكن للمستخدم الضغط على زر "إنشاء حساب" للانتقال إلى صفحة التسجيل.
- تسمح بإنشاء حساب جديد بإدخال البريد الإلكتروني وكلمة المرور.
- بعد التسجيل يتم توجيه المستخدم للواجهة الرئيسية تلقائيًا.
- الواجهة الرئيسية للتطبيق بعد تسجيل الدخول.
- تعرض الميزانية المتبقية، إجمالي المصروفات، ونسبة الاستهلاك.
- تحتوي على أزرار لإضافة مصروف جديد وتعديل الميزانية.
- يستخدم مكتبة
chart.min.jsلرسم مخطط دائري يوضح توزيع المصاريف.
auth.js: مسؤول عن تسجيل الدخول، إنشاء الحساب، وتخزين بيانات المستخدم.expenses.js: إدارة وتخزين المصاريف.budget.js: معالجة الميزانية وتحديثها.notifications.js: إرسال تنبيهات عند تجاوز أو قرب انتهاء الميزانية.utils.js: يحتوي على وظائف مساعدة مثل التنسيق والحسابات.
- نظام تسجيل دخول يضمن خصوصية بيانات المستخدم.
- واجهة مستخدم بسيطة وسريعة الاستجابة.
- رسم بياني مرئي وسهل الفهم.
- لا يعتمد على أي API خارجي أو ذكاء اصطناعي.
- متجاوب مع جميع أحجام الشاشات (Responsive Design).
- افتح الموقع وسجّل الدخول أو أنشئ حساب جديد.
- أدخل ميزانيتك العامة.
- أضف المصاريف واحدة تلو الأخرى.
- تابع النسبة الباقية من الميزانية عبر المخطط.
- تلقى إشعارات في حالة تجاوز الميزانية.
تم تطوير هذا المشروع لتقديم تجربة استخدام منظمة وآمنة بدون تعقيدات.