مرحبًا بك في مشروع تطبيق تتبع الميزانية الخاص بي. يوفر هذا المشروع أبسط طريقة في مكان واحد لتتبع إنفاقك المالي. قمت بتطوير هذا المشروع لأنني كنت بحاجة إلى بدء إدارة هذا الجانب من حياتي، لذا قمت بتحويله إلى مشروع. ستتعرف على المزيد حوله في النقاط التالية.
جدول المحتويات
المميزات
الاستخدام
المصادقة
التصميم المستجيب
فيديو العرض التوضيحي
التقنيات والمكتبات المستخدمة
المميزات
إدخال اسم الميزانية
المبلغ المتاح في الميزانية
عرض الميزانية بألوان تجعلها مرئية للاستخدام الفعّال
إضافة مصاريف لهذه الميزانية
اختيار الميزانية التي سيتم إضافة المصروفات إليها
عرض المصروفات في جدول مع اسم الميزانية
عند الوصول إلى حد الميزانية، يحصل المستخدم على إشعار ولا يمكنه إضافة مصاريف إضافية لتلك الميزانية
يمكن للمستخدم تصفح كل ميزانية بشكل فردي في صفحة واحدة
حذف الميزانية
حذف المصروفات
عند تجاوز جميع الميزانيات الحد الأقصى، لن يتمكن المستخدم من إضافة مصروفات إلى أي منها
العودة إلى الصفحة الرئيسية عن طريق النقر على الزر في شريط التنقل
لا توجد Bootstrap، التصميم فقط باستخدام CSS
متجاوب بشكل كامل على جميع الشاشات
التقنيات والمكتبات المستخدمة
HTML
CSS
JavaScript
React
React Router DOM
Hero Icons
React-Toastify
الاستخدام
يمكنك استخدام التطبيق من هنا: https://budget-tracker-we...
المصادقة
يجب إدخال اسم المستخدم فقط، لا يلزم البريد الإلكتروني أو كلمة المرور
يجب أن يكون اسم المستخدم أكثر من ثلاثة أحرف
يمكنك حذف المستخدم من شريط التنقل
التصميم المستجيب
يمكنك رؤية الموقع بأكمله متجاوب بشكل كامل في الفيديو