منصة بث تفاعلية (Streaming Platform Dashboard) — Streamio

لوحة تحكم رئيسية لمنصة بث فيديو بتصميم احترافي يحاكي منصات عالمية. تم بناء المشروع باستخدام React + TypeScript + Vite معتمدًا كليًا على مكتبات محلية (zero CDN).

الميزات:

قاعدة بيانات لـ 30 عمل حقيقي (أفلام، مسلسلات، عربية، أنمي) مع ملصقات حقيقية، تقييمات IMDB، وأسماء ممثلين حقيقية

بحث ذكي مع إكمال تلقائي (Auto-predict) يقسم النتائج إلى عناوين/ممثلين/أنواع، مع إبراز النص المطابق وتصفح بلوحة المفاتيح

مشغل فيديو بخيارات: 4 سيرفرات (Fast/HD/Premium/Backup)، 6 دقات (حتى 4K)، 5 مسارات صوتية، تحكم بالصوت، ملء الشاشة

نافذة تفاصيل لكل عمل مع ملخص كامل، قائمة ممثلين، تقييم، وزر مشاهدة

قائمة "متابعة المشاهدة" مع شريط تقدم

تصميم متجاوب (جوال/جهاز لوحي/سطح مكتب) مع دعم RTL للعربية

Skeleton loading وحالات الخطأ

أيقونات Bootstrap Icons، واجهة مظلمة (Dark mode)

التقنيات: React 19, TypeScript, Vite, CSS Custom Properties, Bootstrap Icons