CyberVault
CyberVault عبارة عن منصة Full-Stack لإدارة الخدمات المصرفية، تتعامل مع حسابات العملاء والمعاملات المالية وإدارة الملفات الشخصية والمستخدمين والموظفين من خلال واجهات مخصصة لكل دور. بُني النظام باستخدام Next.js وNode.js/Express REST API منفصلة مدعومة بـMySQL، مع المصادقة والتفويض القائم على الأدوار وأمان الرموز والتحقق من المدخلات وتسجيل العمليات.
التقنيات المستخدمة
نظرة عامة على المشروع
CyberVault هو نظام Full-Stack للخدمات المصرفية والإدارة المالية، يجمع بين خدمات العملاء والإدارة الداخلية للبنك. يدعم النظام ثلاثة أدوار رئيسية: العملاء والموظفون والمديرون. يمكن للعملاء إدارة ملفاتهم الشخصية وعرض تفاصيل الحسابات والأرصدة ومراجعة سجل المعاملات. يستطيع الموظفون البحث عن العملاء وإدارة بياناتهم وفقًا لصلاحياتهم. ويمكن للمديرين إدارة الموظفين والمستخدمين وفتح الحسابات والوصول إلى لوحات الإدارة. لكل دور واجهته وطريقة التنقل الخاصة به. تستخدم الواجهة الأمامية Next.js وReact وTypeScript، بينما يوفر Backend منفصل باستخدام Node.js/Express إصدارًا من REST API. تربط Next.js API routes بين الواجهة الأمامية والـBackend وتعالج تمرير الطلبات وبيانات المصادقة وملفات تعريف الارتباط والاستجابات. ينظم Backend المسارات وControllers وServices وRepositories ونماذج Sequelize والتحقق وMiddleware والأدوات المساعدة.
أهم الميزات
تحمي المصادقة والتفويض الوصول إلى مساحات الأدوار المختلفة.
تتوافق المساحات والتنقل مع المسؤوليات المصرفية لكل دور.
تدعم وظائف المعاملات إجراءات العمل المصرفية الأساسية داخل التطبيق.
تقلل الإجراءات الأمنية من الهجمات والثغرات الشائعة في تطبيقات الويب.
يدير المديرون حسابات المستخدمين والموظفين والأدوار وصلاحيات الوصول.
تم نشر التطبيق على منصة سحابية مع اسم نطاق حقيقي وشهادة SSL.
لقطات الشاشة
لوحة تحكم المدير
توضح لوحة تحكم مدير CyberVault واجهة إدارة التطبيق.
تسجيل الدخول
تتيح صفحة تسجيل الدخول في CyberVault المصادقة والوصول إلى الحسابات.
الصفحة الرئيسية للمستخدم
تعرض الصفحة الرئيسية للمستخدم نظرة عامة على الحساب والأنشطة الأخيرة.
الصفحة الرئيسية للموظف
توفر الصفحة الرئيسية للموظف أدوات لإدارة حسابات المستخدمين والمعاملات.
معاملات المستخدم
تتيح صفحة معاملات المستخدم عرض المعاملات المالية وإدارتها.
الصفحة الرئيسية للمدير
تعرض الصفحة الرئيسية للمدير نظرة عامة على النظام وأهم المؤشرات.
التحديات والحلول
- عرض المسؤوليات المختلفة دون جعل التجربة المصرفية صعبة التنقل.
- حماية الوصول إلى المساحات التي تحتوي على معلومات الحسابات والمعاملات.
- فصل مسؤوليات تطبيق الويب عن أعمال الشبكة والبنية التحتية الأوسع.
- نُظم التطبيق حول مساحات العملاء والموظفين والمديرين مع تنقل خاص بكل دور.
- تُستخدم المصادقة وصلاحيات الوصول القائمة على الأدوار لحماية مساحات التطبيق.
- بقي نطاق الواجهة الأمامية وBackend API منفصلًا عن مكوّن الشبكة والبنية التحتية في مشروع التخرج.