تطبيق Movie-App

هذا المشروع هو تطبيق ويب تفاعلي يسمى "Use Popcorn"، وهو عبارة عن منصة لإدارة الأفلام التي شاهدتها أو ترغب في مشاهدتها. التطبيق يتيح للمستخدمين البحث عن الأفلام باستخدام واجهة برمجة التطبيقات (OMDb API)، عرض تفاصيل الأفلام، تقييمها، وإضافتها إلى قائمة الأفلام التي تمت مشاهدتها. كما يوفر إحصائيات حول الأفلام التي تمت مشاهدتها مثل متوسط التقييمات ومدة المشاهدة. اسم المشروع: Use Popcorn نوع المشروع: تطبيق ويب تفاعلي لإدارة الأفلام الوظائف الرئيسية: البحث عن الأفلام باستخدام OMDb API. عرض قائمة الأفلام بناءً على نتائج البحث. عرض تفاصيل الفيلم (العنوان، السنة، النوع، الممثلين، القصة، التقييمات). تقييم الأفلام باستخدام نظام تقييم النجوم. إضافة الأفلام إلى قائمة "الأفلام التي تمت مشاهدتها". حذف الأفلام من قائمة "الأفلام التي تمت مشاهدتها". عرض إحصائيات حول الأفلام التي تمت مشاهدتها (متوسط التقييمات، متوسط مدة الأفلام). التكنولوجيا والمهارات المستخدمة: React.js: إنشاء واجهات مستخدم تفاعلية باستخدام المكونات (Components). استخدام Hooks مثل useState وuseEffect لإدارة الحالة ودورة حياة المكونات. استخدام مكتبة PropTypes للتحقق من أنواع البيانات. CSS: تصميم واجهة المستخدم باستخدام CSS المخصص. استخدام متغيرات CSS لتوحيد الألوان والأنماط. JavaScript: كتابة منطق التطبيق باستخدام ES6+. التعامل مع واجهة برمجة التطبيقات (API) باستخدام fetch. Local Storage: تخزين بيانات الأفلام التي تمت مشاهدتها محليًا باستخدام Local Storage. OMDb API: التكامل مع واجهة برمجة التطبيقات لجلب بيانات الأفلام. Git & GitHub: إدارة المشروع باستخدام نظام التحكم في الإصدارات. مميزات إضافية: تصميم متجاوب (Responsive Design) يناسب مختلف الأجهزة. تجربة مستخدم سلسة مع رسائل خطأ وتحميل واضحة. نظام تقييم تفاعلي باستخدام النجوم. المهارات المكتسبة: تطوير تطبيقات React.js. التعامل مع واجهات برمجة التطبيقات (APIs). إدارة الحالة باستخدام React Hooks. تحسين تجربة المستخدم (UX) وتصميم واجهات المستخدم (UI). استخدام Local Storage لتخزين البيانات. كتابة كود نظيف ومنظم.