رابط المشروع: https://flutter-invoice-dashboard.netlify.app/
1/ التعريف بالعمل:
تطبيق لوحة معلومات فواتير متجاوب وقابل للتكيف، مُصمم باستخدام Flutter. يُظهر هذا المشروع واجهة مستخدم مُعقدة تتكيف بسلاسة مع أحجام شاشات الهواتف المحمولة والأجهزة اللوحية وأجهزة الكمبيوتر المكتبية، مما يوفر تجربة مستخدم شاملة لإدارة الشؤون المالية والفواتير.
2/ الميزات:
تصميم متجاوب بالكامل: صُممت واجهة المستخدم بتصميم متكيف يوفر تجربة عرض مثالية للأجهزة المحمولة، والأجهزة اللوحية، وأجهزة الكمبيوتر المكتبية.
لوحة معلومات تفاعلية: لوحة معلومات مركزية تجمع الأقسام المالية الرئيسية:
جميع النفقات: قسم تفاعلي لعرض النفقات وتصفيتها.
فاتورة سريعة: نموذج مبسط لإنشاء الفواتير وإرسالها فورًا.
بطاقاتي ومعاملاتي: قسم لإدارة البطاقات بتصميم جذاب، مع واجهة قابلة للتمرير السريع وسجل مفصل لتاريخ المعاملات.
تحليلات الدخل: قسم للدخل مع مخططات دائرية تفاعلية لعرض البيانات المالية، مدعوم بحزمة fl_chart.
أدوات مخصصة: مكتبة غنية من الأدوات المخصصة للأزرار، وحقول النصوص، والحاويات، وقوائم المربعات لضمان واجهة مستخدم متناسقة وأنيقة.
درج التنقل: درج تنقل أنيق وعملي لسهولة الوصول إلى أجزاء مختلفة من التطبيق.
3/ حزمة الأدوات التقنية:
إطار العمل: Flutter
اللغة: Dart
الحزم الرئيسية:
fl_chart: لإنشاء مخططات بيانية جميلة وتفاعلية.
expandable_page_view: يُستخدم لعرض الصفحة الديناميكي في قسم "بطاقاتي".
flutter_svg: لعرض أيقونات SVG عالية الجودة.
device_preview: لتسهيل تطوير واختبار التخطيطات المتجاوبة.
