مشروع: نموذج متعدد الخطوات (Multi-Step Form) - Frontend Mentor Challenge

هذا المشروع عبارة عن نموذج تسجيل أو طلب مكوّن من عدة خطوات متتالية، يهدف إلى تحسين تجربة المستخدم من خلال تقسيم المعلومات إلى أجزاء صغيرة وسهلة الإدخال.

أهم المميزات:

تنقل بين الخطوات: إمكانية الانتقال بسهولة بين الخطوات مع تحديث المحتوى بشكل ديناميكي دون إعادة تحميل الصفحة.

تصميم نظيف وعصري: واجهة مستخدم جذابة ومتناسقة مع تصميم متجاوب يعمل على مختلف الأجهزة.

التحقق من المدخلات: دعم التحقق من صحة البيانات في كل خطوة لضمان إدخال معلومات صحيحة قبل الانتقال للخطوة التالية.

حفظ البيانات مؤقتًا: تخزين بيانات النموذج مؤقتًا باستخدام sessionStorage بحيث لا تفقد البيانات عند التنقل بين الخطوات.

الخطوة الأخيرة: صفحة تأكيد الطلب تعرض ملخصًا للمعلومات المدخلة مع إمكانية تعديلها قبل الإرسال النهائي.

تقنيات مستخدمة: تم بناء النموذج باستخدام HTML, CSS, JavaScript مع إضافة TypeScript لتحسين جودة الكود وسهولة الصيانة.

هذا المشروع يُظهر مهارات متقدمة في بناء واجهات تفاعلية، إدارة الحالة، والتحقق من صحة البيانات