صفحة دفع متجاوبة وعصرية (HTML / CSS / JavaScript) مع تحقق مدخلات وتجربة مستخدم سلسة.
نبذة عن المشروع:
تصميم وتنفيذ واجهة صفحة دفع إلكترونية نظيفة وعصرية باستخدام HTML وCSS وJavaScript فقط. التركيز على تجربة المستخدم (UX)، سهولة الإدخال، واستجابة ممتازة على الموبايل والكمبيوتر.
الميزات:
حقول: اسم صاحب البطاقة، رقم البطاقة مع تنسيق/قناع، تاريخ الانتهاء، CVV.
معاينة فورية لبطاقة الدفع (Live preview) — تتحدّث مع إدخال البيانات.
تحقُّق فورِي (validation) للأرقام والتواريخ وحجم المدخلات.
تصميم متجاوب (Desktop, Tablet, Mobile).
تأثيرات تركيزخفيفة لتحسين التفاعل.
شاشة نجاح وهمية عند الضغط على زر الدفع (نمذجة تجربة المستخدم)
التقنيات المستخدمة: HTML5 • CSS3 • JavaScript (Vanilla) • Responsive Design (Flex/Grid)
ملاحظات:
هذا مشروع عرضي لواجهة الدفع (Front-End) — لا يتضمن ربط فعلي مع بوابة دفع أو بيانات حسّاسة حقيقية.