تطبيق إدارة الحسابات البنكية – Banking App

هو تطبيق ويب مالي (Banking App) عبارة عن لوحة تحكم مالية حديثة تتيح للمستخدم إدارة أكثر من حساب بنكي في مكان واحد، تتبع المعاملات المالية بشكل لحظي، وتحويل الأموال بشكل آمن بين الحسابات.

يوفر التطبيق نظرة شاملة على الوضع المالي للمستخدم من خلال لوحة تحكم تحتوي على إجمالي الرصيد، آخر العمليات، وتصنيفات المصروفات، مما يساعد المستخدم على متابعة وإدارة أمواله بشكل أفضل.

مميزات التطبيق:

نظام تسجيل دخول آمن (Secure Authentication)

ربط عدة حسابات بنكية داخل التطبيق

لوحة تحكم تعرض:

إجمالي الرصيد

آخر المعاملات

تصنيفات المصروفات

سجل المعاملات مع إمكانية الفلترة والتقسيم إلى صفحات (Pagination)

تحديث البيانات بشكل لحظي (Real-time)

تحويل الأموال بين الحسابات بشكل آمن

تصميم متجاوب يعمل على الجوال والتابلت والكمبيوتر

عرض البيانات والإحصائيات باستخدام الرسوم البيانية

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

Next.js & TypeScript – لتطوير الواجهة الأمامية و SSR

Appwrite – للخلفية (Backend) ونظام المصادقة

Plaid – لربط الحسابات البنكية

Dwolla – لتحويل الأموال والدفع

React Hook Form & Zod – لإدارة النماذج والتحقق من البيانات

Tailwind CSS – لتصميم الواجهات

Chart.js – لعرض الإحصائيات والرسوم البيانية

دوري في المشروع

كان دوري Front-End Developer، حيث قمت بـ:

تطوير واجهات المستخدم باستخدام Next.js و TypeScript

بناء لوحة التحكم (Dashboard)

عرض المعاملات والبيانات المالية

ربط الواجهة مع خدمات Plaid و Dwolla

إنشاء النماذج باستخدام React Hook Form

التحقق من البيانات باستخدام Zod

تصميم واجهات متجاوبة باستخدام Tailwind CSS

عرض البيانات باستخدام الرسوم البيانية

تحسين تجربة المستخدم والأداء