The Ledger — تطبيق ويب تفاعلي لإدارة الميزانية الشخصية

تصميم وتطوير تطبيق ويب تفاعلي لتتبع المصروفات والدخل الشهري، مبني بالكامل بـ Vue.js 3 مع HTML وCSS. يتيح التطبيق للمستخدم إضافة وحذف المعاملات المالية، ومتابعة الميزانية بالتقسيم على فئات (سكن، طعام، مواصلات، ترفيه، مدخرات) عبر أشرطة تقدم حية، بالإضافة إلى رسم بياني دائري (Ring Chart) مبني بالكامل بـ CSS conic-gradient يعرض توزيع الإنفاق بشكل لحظي دون استخدام أي مكتبة خارجية. اعتمدت في التصميم على هوية بصرية فاخرة وهادئة (خطوط Serif إيطالية، وألوان دافئة مستوحاة من دفاتر الحسابات التقليدية) لتحويل تجربة إدارة الميزانية من واجهة تقنية جافة إلى تجربة أقرب لدفتر يومياتي أنيق. التطبيق متجاوب بالكامل (Responsive) ومهيأ لإمكانية الوصول (Keyboard Focus وReduced Motion). أبرز ما تم تنفيذه: بناء منطق تفاعلي كامل بـ Vue 3 (Reactive Data, Computed Properties) حساب الرصيد والإحصائيات بشكل ديناميكي لحظة بلحظة رسم بياني دائري مخصص بدون مكتبات خارجية تصميم واجهة مستخدم متكاملة الهوية البصرية (Typography, Color System) تجربة استخدام متجاوبة على كل المقاسات