Cinema_Hub

وصف العمل:

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

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

نظام فلترة ديناميكي : إمكانية فرز وعرض الأفلام بسلاسة بناءً على التصنيف (أكشن، دراما، خيال علمي، رعب) باستخدام دوال الـ JavaScript.

محرك بحث فوري : شريط بحث تفاعلي يقوم بفلترة النتائج وعرضها لحظياً بمجرد كتابة أحرف من اسم الفيلم.

نوافذ منبثقة تفاعلية : برمجة نافذة منبثقة تظهر عند النقر على كارت الفيلم لتعرض تفاصيل دقيقة (التقييم، القصة، سنة الإنتاج، زر المشاهدة) مع إمكانية إغلاقها بسلاسة.

تصميم شبكي متجاوب : الاعتماد على CSS Grid & Flexbox لبناء كروت أفلام متناسقة الأبعاد تتكيف مع مختلف أحجام الشاشات.

كود نظيف : هيكلة المشروع بطريقة منظمة تفصل بين البيانات وعناصر العرض ، مما يسهل عملية إضافة أفلام جديدة مستقبلاً.

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

HTML5: لبناء هيكل المنصة.

CSS3: لتنسيق الواجهة وإضافة تأثيرات حركية ناعمة لكروت الأفلام.

JavaScript: لبرمجة المنطق الخاص بالبحث، الفلترة، والتحكم في النوافذ المنبثقة.