تحدي من Frontend Mentor: نموذج متعدد الخطوات

هذا المشروع هو جزء من تحديات Frontend Mentor، حيث يتطلب إنشاء نموذج متعدد الخطوات (Multi-Step Form) باستخدام React و Tailwind CSS. يركز المشروع على توفير تجربة مستخدم مرنة وسلسة، مع تصميم عصري ومتجاوب.

ميزات المشروع:

نموذج متعدد الخطوات: يمكن للمستخدمين إدخال معلوماتهم الشخصية وتنقل بين الخطوات بسهولة.

تصميم متجاوب بالكامل: يضمن توافق النموذج مع جميع الأجهزة، سواء كانت هواتف ذكية أو شاشات أكبر.

بدون استخدام React Router: تم تطوير النموذج بدون الاعتماد على مكتبة التنقل (React Router)، مما يبرز مهارات إدارة الحالة داخل React بشكل كامل.

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

React.js: لتطوير واجهة المستخدم الديناميكية والتفاعلية.

TypeScript: لتحسين أمان الكود وتقليل الأخطاء باستخدام نظام أنواع قوي.

Tailwind CSS: لإنشاء تصميم عصري وسريع الاستجابة.

إدارة الحالة في React: لتنفيذ وظائف النموذج متعدد الخطوات بطريقة فعالة دون الحاجة إلى مكتبة إضافية للتنقل.

أهداف المشروع:

تطوير نموذج متعدد الخطوات يلبي متطلبات تحدي Frontend Mentor.

استخدام TypeScript و React.js لإظهار الكفاءة في تطوير واجهات المستخدم الموثوقة.

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

تنفيذ إدارة الحالة بشكل مثالي داخل React دون الاعتماد على مكتبات إضافية مثل React Router.