تم تصميم العمل بحيث يتم سحب الداتا الخاصة بالأفلام المعروضة من api عن طريق ajax ثم تنسيقها باستخدام HTML/CSS
ما تم استخدامه في هذا العمل:
- HTML5
- CSS3
- jQuery
تم استخدام slick slider لعرض القسم الرئيسي بشكل متجاوب
تم اضافة زر للبحث ويعمل علي تصفية الافلام المعروضة بكفاءة طبقا للحروف المكتوبة، مع عدم عرض اي بيانات في حالة عدم تواجد matching للحروف التي تم ادخالها.
تم اضافة زر في اسفل الصفحة اقصي اليمين للرجوع الي اعلي الصفحة من جديد، لا يظهر هذا الزر الا بعد عمل scroll الي اسفل الي حد معين وبعد الرجوع لأعلي نقطة الي الصفحة يختفي الزر تلقائيا، علي ان يظهر كلما يتم عمل scrolling بشكل عملي.