مشروع Budget Wise هو تطبيق ويب متكامل (Full-Stack) تم تصميمه وبناؤه من الصفر لمساعدة المستخدمين على تتبع دخلهم ومصاريفهم ووضع الميزانيات الشهرية، بهدف الوصول إلى وضوح مالي كامل واتخاذ قرارات مالية أذكى.
أبرز الميزات والخصائص:
لوحة تحكم تفاعلية: تعرض ملخصًا ماليًا شاملاً مع رسوم بيانية توضح توزيع المصروفات ومصادر الدخل.
تسجيل سريع للمعاملات: واجهة بسيطة وسريعة لإضافة المصروفات والدخل مع تصنيفها (طعام، مواصلات، فواتير، راتب، إلخ).
نظام الميزانيات: إمكانية تحديد ميزانية شهرية لكل فئة من فئات المصروفات وتتبع مدى الالتزام بها.
تقارير مفصلة: عرض تقارير شهرية وسنوية لتحليل الأنماط الاستهلاكية ومساعدة المستخدم على فهم أين تذهب أمواله.
مصادقة آمنة للمستخدمين: نظام تسجيل دخول آمن باستخدام (JWT) لضمان خصوصية بيانات كل مستخدم.
دوري في المشروع:
قمت بالتطوير الكامل لهذا المشروع (Full-Stack Development)، وشملت مسؤولياتي:
تصميم واجهة وتجربة المستخدم (UI/UX) لتكون سهلة وبديهية.
بناء الواجهة الخلفية (Backend) وتصميم قاعدة البيانات باستخدام Node.js و MongoDB.
برمجة الواجهة الأمامية (Frontend) التفاعلية باستخدام React.js.
ضمان أمان التطبيق وحماية بيانات المستخدمين.
التقنيات المستخدمة:
Frontend: React.js, Chart.js, Tailwind CSS
Backend: Node.js, Express.js
Database: MongoDB, Mongoose
Authentication: JSON Web Tokens (JWT), Bcrypt.js
رابط المشروع المباشر: https://budgetwise-client...
الكود المصدري على GitHub: https://github.com/Ghost-...