Multi-step Form

تم تطوير هذا المشروع باستخدام React و Redux Toolkit و Vite، وهو عبارة عن نموذج اشتراك متعدد الخطوات يوفر تجربة سلسة للمستخدم من خلال تصميم متجاوب وأداء عالي.

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

يعتمد النظام على تسعير ديناميكي، حيث يتم تعديل الأسعار تلقائيًا وفقًا لدورة الفوترة المختارة (شهريًا أو سنويًا). وبفضل التصميم المتجاوب، يعمل النموذج بسلاسة على جميع الأجهزة، سواء كانت شاشات كبيرة أو هواتف محمولة.

تمت مراعاة معايير الوصولية (Accessibility) لضمان تجربة مستخدم مريحة، حيث تم استخدام ARIA Labels ودعم التنقل باستخدام لوحة المفاتيح. كما تم تحسين أداء التطبيق باستخدام Vite لتوفير تجربة تصفح سريعة وسلسة.

المشروع مناسب للمنصات التي تقدم خدمات اشتراك، حيث يمكن تخصيصه بسهولة وفقًا لاحتياجات أي منتج رقمي أو خدمة تعتمد على الاشتراكات.