واجهة بنك تفاعلية باستخدام JavaScript (مشروع Bankist DOM)

تفاصيل العمل

نبذة عن المشروع:

قمت بتطوير واجهة تفاعلية لتطبيق بنكي وهمي باسم Bankist، بهدف محاكاة تجربة المستخدم في تطبيقات البنوك الحديثة، باستخدام JavaScript فقط دون أي خوادم أو قواعد بيانات.

المشروع يُستخدم كتطبيق تعليمي يُظهر قدرات JavaScript في التعامل مع الواجهة (DOM) وتنفيذ عمليات منطقية على البيانات.

️ وظائف النظام

تسجيل الدخول باستخدام اسم المستخدم والرقم السري (PIN)

عرض الحركات المالية (إيداعات وسحوبات)

احتساب وعرض الرصيد الحالي تلقائيًا

عرض ملخص العمليات (مجموع الإيداعات، السحوبات، الفوائد)

إمكانية تحويل أموال بين المستخدمين

طلب قرض ضمن شروط معينة

حذف الحساب

مؤقت لتسجيل الخروج التلقائي عند الخمول

تنسيق التاريخ والعملة بناءً على لغة المستخدم باستخدام Intl API

التقنيات المستخدمة

الواجهة: HTML + CSS (واجهة جاهزة ومتجاوبة)

البرمجة: JavaScript (ES6+)

التعامل مع DOM

الأحداث (Events)

مصفوفات وتواريخ

التنسيق حسب اللغة والمنطقة

مؤقت الخروج التلقائي

الهدف من المشروع

محاكاة تجربة تطبيق بنك حقيقي بشكل تفاعلي

إبراز مهاراتي في JavaScript ومعالجة واجهة المستخدم

تطبيق عملي لمفاهيم مثل:

التكرار على المصفوفات

التعامل مع الوقت والتواريخ

عرض وتحديث البيانات مباشرة على الواجهة