تطبيق أفلام تفاعلي باستخدام React.js وTMDB API

تطبيق لاستعراض الأفلام تم تطويره باستخدام React.js، يعرض بيانات حقيقية ومحدثة لحظيًا من قاعدة بيانات TMDB (The Movie Database) العالمية.

أهم المميزات التقنية:

عرض الأفلام الرائجة (Trending) مباشرة من TMDB API

صفحة تفاصيل ديناميكية لكل فيلم (Dynamic Routing) تعرض القصة، التقييم، اللغات، وشركات الإنتاج

معالجة كاملة لحالات الخطأ (Error Handling) لمنع تعطل الصفحة عند عدم توفر بيانات فيلم معين

واجهة تحميل (Loading Skeleton) لتحسين تجربة الانتظار أثناء جلب البيانات

تصميم متجاوب بالكامل باستخدام Bootstrap

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

React.js، Vite، Bootstrap، TMDB API

تم التعامل مع تحديات حقيقية أثناء التطوير، أبرزها معالجة استجابات الـ API غير المتوقعة (مثل الأفلام غير الموجودة) بشكل آمن يمنع تعطل التطبيق بالكامل، بدلًا من الاكتفاء بمعالجة أخطاء الاتصال فقط.

رابط تجريبي: movies-alpha-khaki.vercel.app

الكود المصدري: github.com/adelyousif552-...