موقع أفلام متكامل: بحث، فلاتر، تفاصيل، ووضع ليلي - Movie app using React JS

تطوير موقع توصية بالأفلام باستخدام React وMaterial Tailwind قمت بتطوير موقع ويب تفاعلي يقدم توصيات مخصصة للأفلام، يتيح للمستخدمين استكشاف أحدث الأفلام بطريقة ذكية وسلسة. تم بناء المشروع باستخدام React.js وMaterial Tailwind CSS، مع تكامل مباشر مع Movie API لجلب بيانات الأفلام بشكل حيّ ودقيق. التقنيات المستخدمة: React.js لبناء واجهة تفاعلية وسريعة الاستجابة. Material Tailwind CSS لتصميم واجهة أنيقة ومتجاوبة. API Integration لجلب بيانات الأفلام (العنوان، الملخص، التصنيف، النوع، التقييم…إلخ). ⭐ مميزات الموقع: عرض الأفلام الأكثر شهرة (Popular Movies). عرض أحدث الإصدارات والأفلام القادمة (Latest & Upcoming Movies). عرض تفاصيل شاملة لكل فيلم (الاسم، الصورة، التقييم، النوع، تاريخ الإصدار، نبذة مختصرة). محرك بحث ذكي للعثور على الأفلام بسهولة. فلترة الأفلام حسب النوع (Genre) لتخصيص التوصيات. دعم الوضع الليلي (Dark Mode) لتجربة مشاهدة مريحة في الإضاءة المنخفضة. تصميم متجاوب (Responsive Design) يعمل بكفاءة على جميع الأجهزة (موبايل، تابلت، كمبيوتر). تجربة مستخدم سلسة بفضل الواجهة التفاعلية السريعة. واجهة تعتمد على التفاعل الحيّ بدون إعادة تحميل الصفحة (SPA). أداء عالي وتحميل سريع بفضل تحسين الكود وتجربة الاستخدام.