صفحة تسجيل كورس روبوتكس VEX للأطفال — Laravel 13 بكود حجز ودفع يدوي ولوحة مراجعة
landing.wirostadium.com
1 / 6
نبذة عن المشروع
صفحة هبوط عربية لحملة تسجيل في كورس روبوتكس VEX GO و VEX IQ للأطفال. ولي الأمر بيسجّل بيانات الطفل والمسار والفرع، وبعدها بيروح لصفحة دفع يدوي (InstaPay، فودافون كاش، تحويل بنكي) بكود حجز خاص بيه، ويرفع صورة الإيصال، والأدمن بيراجع ويأكد — وكل الأسعار والمواعيد والعدّاد بيتعدّلوا من اللوحة.
13قسم في الصفحة
27مسار (Route)
8Controller
4حالات للتسجيل
12مدرسة شريكة
التقنيات المستخدمة
Backend
PHP 8.3Laravel 13Eloquent ORMMySQL (production) / SQLite (local)
Frontend
Bladehand-written CSSVanilla JSNoto Kufi Arabic & Montserrat
Payments
manual — InstaPayVodafone Cashbank transfer with receipt upload
Hosting & DevOps
Hostinger subdomain (LiteSpeed)prebuilt vendorfirst-run seederconfig/route/view cache
صفحة الهبوط
- 13 قسم: Hero، المسارات، أعمال الطلاب، آراء الأهالي، مراحل الرحلة الثمانية (من تكوين الفريق للمسابقة)، سُلّم VEX، شعارات 12 مدرسة شريكة، السعر والمقاعد المتبقية، فورم التسجيل، و FAQ.
- عدّاد تنازلي بيتضبط من اللوحة، وتفاعلات Vanilla JS (Scroll Reveal، سحب أفقي للمعرض، إبراز الفورم مع أي CTA).
التسجيل والدفع
- فورم بتحقق ورسائل خطأ بالعربي، وعمر من 4 لـ 18، واختيار المسار والفرع.
- كود حجز فريد (WIRO-XXXXXX) بيتكتب في ملاحظة التحويل.
- صفحة تعليمات الدفع بوسائل الدفع المفعّلة وزرار نسخ الحساب، ثم تأكيد برقم العملية وصورة الإيصال.
- مسار حالات: pending ← submitted ← confirmed / cancelled مع إعادة فتح، وملاحظات، وتسجيل مين أكد وإمتى.
لوحة الأدمن
- قائمة تسجيلات بفلترة وبحث بالكود والاسم والتليفون وتقسيم صفحات وعدّادات لكل حالة.
- إدارة وسائل الدفع والفروع، وإعدادات key/value للسعر والمقاعد والمواعيد ونصوص الـ Hero والواتساب — أي حقل جديد من غير migration.
الأمان
Laravel Auth مع تجديد الجلسة، CSRF، تحقق كامل من المدخلات، ورفع إيصال مقيّد بالنوع والحجم.
استكشف المزيد
كل الأعمال 
