هذا المشروع هو موقع إلكتروني يعرض قائمة بأفضل الأفلام الموجودة حاليًا في دور العرض أو المتاحة على منصات البث المختلفة. تم تطوير الموقع باستخدام React لتقسيم واجهة المستخدم إلى مكونات قابلة لإعادة الاستخدام، وتم استخدام CSS لتصميم واجهة متجاوبة وأنيقة. يتم جلب بيانات الأفلام من API خارجي باستخدام مكتبة Axios، مما يجعل البيانات محدثة وديناميكية.
الوظائف الرئيسية للموقع
الصفحة الرئيسية (Home):
تحتوي على قائمة بأفضل الأفلام المتاحة حاليًا، مع تفاصيل مثل العنوان، التصنيف، وملخص الفيلم. يتم جلب هذه المعلومات ديناميكيًا من API خارجي.
يعرض الموقع أيضًا صورة غلاف الفيلم وتقييمه على شكل نجوم أو نسبة مئوية.
التصفية (Filtering):
يمكن للمستخدمين تصفية الأفلام حسب النوع (مثل الأكشن، الدراما، الخيال العلمي، إلخ) أو التصنيف (مثل الأفلام الأعلى تقييمًا أو الأكثر مشاهدة).
يتم التصفية ديناميكيًا بناءً على البيانات المتاحة من API.
استخدام React
تقسيم المكونات (Components):
تم تقسيم الموقع إلى مكونات متعددة مثل MovieList (قائمة الأفلام)، MovieCard (بطاقة الفيلم)، وSearchBar (شريط البحث).
تم استخدام React Router للتنقل بين الصفحات المختلفة دون إعادة تحميل الصفحة بالكامل.
البيانات الديناميكية:
يتم استخدام useEffect لجلب بيانات الأفلام عند تحميل الصفحة لأول مرة.
يتم تحديث البيانات وعرضها في واجهة المستخدم بناءً على استجابة API.
اسم المستقل | Mahmoud M. |
عدد الإعجابات | 1 |
عدد المشاهدات | 4 |
تاريخ الإضافة |