NovaStream

NovaStream — منصة بث أفلام ومسلسلات حديثة

NovaStream هي واجهة منصة بث احترافية مستوحاة من المنصات العالمية مثل Netflix وDisney+، تم تطويرها بالكامل باستخدام HTML وCSS وVanilla JavaScript فقط، بدون استخدام أي Frameworks أو مكتبات خارجية.

يركّز المشروع على تقديم تجربة استخدام سينمائية حديثة من خلال تصميم احترافي، وحركات انتقالية سلسة، ومعاينات فيديو تفاعلية، بالإضافة إلى واجهة داكنة تعكس هوية منصات البث العالمية.

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

تصميم حديث ومتجاوب مع جميع الشاشات

Sliders تفاعلية للأفلام والمسلسلات

تأثيرات Hover احترافية وسلسة

تشغيل معاينة فيديو عند المرور على الفيلم

صفحة مخصصة لمشاهدة الفيلم

مشغل فيديو مخصص باستخدام HTML5 Video

نظام بحث مباشر وفلترة للأفلام

قائمة “My List” مع الحفظ باستخدام LocalStorage

شريط تنقل احترافي وثابت أثناء التمرير

واجهة Dark Mode بتصميم سينمائي جذاب

كود منظم ونظيف وفق أفضل ممارسات Frontend

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

HTML5

CSS3

Vanilla JavaScript (ES6+)

هدف المشروع

تم إنشاء المشروع بهدف تطوير مهارات Frontend المتقدمة، وتحسين مهارات تصميم واجهات المستخدم UI/UX، ومحاكاة تجربة بناء منصة بث عالمية حقيقية بدون الاعتماد على أي مكتبات أو أدوات جاهزة.

أسلوب التصميم

يعتمد NovaStream على:

تصميم عصري مستوحى من منصات البث العالمية

تجربة مستخدم احترافية وسلسة

واجهات داكنة بطابع سينمائي

Animations وانتقالات ناعمة

تصميم Responsive متوافق مع مختلف الأجهزة

يُعد المشروع مثالًا قويًا لعرض مهارات تطوير الواجهات الأمامية ضمن Portfolio احترافي، ويُظهر مستوى متقدمًا في التعامل مع DOM وAnimations وتصميم الواجهات التفاعلية الحديثة.