نوع العمل: تطبيق ويب متكامل (Full-Stack SPA) مبني على Vue.js 3، يوفر لوحة تحكم ذكية لإدارة الشؤون المالية الشخصية مع نظام تقارير متقدم.
أبرز الميزات:
1. نظام مصادقة متكامل: تسجيل دخول وتسجيل جديد آمن باستخدام Supabase Auth، مع معالجة أخطاء متقدمة وتوجيه المستخدم.
2. إدارة شاملة للمعاملات: إضافة، تعديل، وحذف المعاملات (دخل ومصروفات) مع واجهة استخدام سهلة وسريعة.
3. تصنيف وفلترة ديناميكية: نظام فلترة فوري للمعاملات حسب نطاق التاريخ، النوع، الفئة، والأولوية لتسهيل تحليل البيانات.
4. لوحة تحكم تفاعلية (Dashboard): عرض ملخص مالي لحظي ورسوم بيانية تفاعلية (Charts.js) لتوزيع المصروفات.
5. نظام تصدير احترافي متعدد الصيغ:
- Excel: تصدير البيانات مع ترجمة رؤوس الأعمدة ديناميكيًا لتتوافق مع لغة المستخدم الحالية.
- PDF: إنشاء تقارير PDF احترافية تتضمن الرسوم البيانية والملخصات، مع دعم كامل للغات العالمية (بما في ذلك العربية) باستخدام خط Amiri المدمج.
6. بنية تدويل قابلة للتوسع (Scalable i18n):
- تم تأسيس التطبيق باستخدام vue-i18n لدعم أي عدد من اللغات بسهولة في المستقبل.
- دعم كامل لاتجاه القراءة من اليمين لليسار (RTL) للغات مثل العربية.
- يتم حفظ اللغة التي يختارها المستخدم لتقديم تجربة مخصصة في كل زيارة.
7. تصميم عصري ومتجاوب: واجهة مستخدم أنيقة مبنية باستخدام Tailwind CSS، مع دعم كامل للوضع الليلي (Dark Mode) وتجربة استخدام ممتازة على جميع الأجهزة.
التقنيات المستخدمة: تم بناء التطبيق باستخدام Vue.js 3 (Composition API) و TypeScript لضمان كود منظم وقابل للصيانة، مع إدارة الحالة عبر Pinia.