Movie & TV App

Movie App – React + TMDB API

الفكرة الرئيسية:

تطبيق ويب تفاعلي مبني باستخدام React، يتيح للمستخدمين تصفح أحدث الأفلام والمسلسلات، عرض تفاصيلها، قراءة المراجعات، البحث، وإضافة العناصر إلى قائمة المفضلة (Wishlist).

صفحات التطبيق:

الصفحة الرئيسية: قائمة الأفلام الحالية

صفحة تفاصيل الفيلم

صفحة نتائج البحث

صفحة المفضلة (Wishlist)

صفحة العروض التلفزيونية (TV Shows)

صفحة تفاصيل المسلسل

الخصائص الرئيسية:

الأفلام:

عرض قائمة الأفلام من TMDB API.

صفحة تفاصيل الفيلم تشمل البيانات، الأفلام الموصى بها، والمراجعات.

إمكانية الإضافة/الإزالة من الـ Wishlist مع تحديث الأيقونة والعداد.

العروض التلفزيونية:

عرض قائمة المسلسلات من TMDB API.

صفحة تفاصيل العرض التلفزيوني.

دعم إضافة المسلسلات إلى المفضلة مع توضيح نوع المحتوى.

البحث:

البحث عن الأفلام عبر TMDB API.

عرض نتائج البحث في صفحة مخصصة.

تغيير اللغة والاتجاه:

دعم لغات متعددة: en, ar, fr, zh.

تحويل اتجاه الصفحة إلى RTL عند اختيار اللغة العربية.

إضافات أخرى:

ترقيم الصفحات (Pagination).

عرض الأفلام والمسلسلات في قوائم منفصلة.

التعامل مع صفحة 404.

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

React.js

Redux Toolkit

Axios مع Interceptors

React Router

TMDB API

LocalStorage

تصميم متجاوب

Figma UI Reference

المتطلبات التي تم تحقيقها:

مكونات قابلة لإعادة الاستخدام

مشاركة البيانات بين المكونات

إدارة الحالة باستخدام Redux

توثيق الوقت والميزات

استضافة المشروع وربطه بـ GitHub

روابط المشروع:

رابط المشروع المباشر:

https://react-movie-app-t...

رابط المشروع على GitHub:

https://github.com/Adel-e...

جدول التتبع والوقت:

Google Sheet - Time & Features