مولّد تذاكر المؤتمر (Conference Ticket Generator)

مشروع Front-End تم بناؤه باستخدام React و Tailwind CSS بهدف إنشاء أداة لتوليد تذاكر مؤتمر بشكل تفاعلي وسهل الاستخدام وهو حل لتحدي من موقع frontendmentor.io. تم تنفيذ المشروع كجزء من تحدي لتطبيق تصميم محدد بأعلى درجة ممكنة من الدقة، مع التركيز على سهولة الاستخدام، الوصولية (Accessibility)، والتصميم المتجاوب عبر مختلف الأجهزة. المزايا: - إدخال البيانات: يمكن للمستخدم إدخال اسمه، بريده الإلكتروني، وتحميل صورة رمزية (Avatar). - التحقق من صحة البيانات (Validation): . جميع الحقول المطلوبة يجب ملؤها. . البريد الإلكتروني يتم التحقق من صحته بصيغة صحيحة. . رفع الصورة الرمزية يتم التحقق من حجمها وصيغتها. - الوصولية (Accessibility): . قابلية التنقل باستخدام لوحة المفاتيح بالكامل. . الحقول والتنبيهات تُعلن لبرامج قراءة الشاشة. - تصميم متجاوب: عرض مثالي على أجهزة الموبايل، التابلت، وأجهزة الكمبيوتر المكتبية. - حالات تفاعلية: تأثيرات عند التمرير (Hover) والتركيز (Focus) على العناصر التفاعلية. - معاينة التذكرة: عند إكمال النموذج بنجاح يتم عرض تذكرة المؤتمر التي تم إنشاؤها.