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

منذ 4 أشهر

عرض العمل

الوصف

مشروع Front-End تم بناؤه باستخدام React و Tailwind CSS بهدف إنشاء أداة لتوليد تذاكر مؤتمر بشكل تفاعلي وسهل الاستخدام وهو حل لتحدي من موقع frontendmentor.io.

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

المزايا:

- التحقق من صحة البيانات (Validation):

. جميع الحقول المطلوبة يجب ملؤها.

. رفع الصورة الرمزية يتم التحقق من حجمها وصيغتها.

- الوصولية (Accessibility):

. قابلية التنقل باستخدام لوحة المفاتيح بالكامل.

. الحقول والتنبيهات تُعلن لبرامج قراءة الشاشة.

- تصميم متجاوب: عرض مثالي على أجهزة الموبايل، التابلت، وأجهزة الكمبيوتر المكتبية.

- حالات تفاعلية: تأثيرات عند التمرير (Hover) والتركيز (Focus) على العناصر التفاعلية.

- معاينة التذكرة: عند إكمال النموذج بنجاح يتم عرض تذكرة المؤتمر التي تم إنشاؤها.


التفاصيل

المشاهدات 0
المفضلة 0
القسم برمجة, تطوير المواقع و التطبيقات - مواقع الويب

حساب المستخدم

Developed by Samer Zaki

All rights reserved © kaf 2026