movie app

تطبيق الأفلام (Movie App) — منصة عصرية، ديناميكية، ومتجاوبة بالكامل لاكتشاف الأفلام والمسلسلات والنجوم، مستوحاة من TMDB!

هذا المشروع ليس مجرد واجهة مستخدم، بل بنية متكاملة تركّز على الأداء، وتجربة المستخدم السلسة، وقابلية التوسع.

أهم المميزات:

واجهة ديناميكية ومتجاوبة:

تصميم متكامل باستخدام TailwindCSS ليبدو مثاليًا على جميع أحجام الشاشات.

أنيميشن جذّابة:

دمج مكتبة AOS (Animate On Scroll) لتأثيرات حركة حديثة وسلسة.

تجربة مدعومة بالبيانات:

تكامل مع TMDB API لجلب بيانات حقيقية في الوقت الفعلي عن الأفلام، المسلسلات، المواسم، الحلقات، والممثلين.

Server-Side Rendering (SSR): جلب البيانات من السيرفر وتمريرها كمُدخلات لضمان سرعة عرض أولية عالية جدًا.

التخزين المؤقت (Caching): البيانات الثابتة تُخزَّن مؤقتًا، بينما البيانات الديناميكية تُدار عبر useEffect لتقليل طلبات الجلب المتكررة.

إدارة الحالة العامة:

استخدام Redux لإدارة المفضلة (Favorites) وقائمة المشاهدة (Watchlist).

تحسين الأداء والوسائط:

استخدام next/image للتحميل البطيء (Lazy Loading) ودعم الصور المتجاوبة.

إضافة Suspense مع fallback={<Loading />} لمنع تجمّد الواجهة وتحسين تجربة المستخدم.

عناصر تفاعلية:

دمج Swiper.js لإنشاء سلايدر احترافي وسلاسة في التنقل بين الشرائح.

عرض تريلرات يوتيوب داخل التطبيق عبر iframe لإحساس سينمائي واقعي.

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

Next.js (App Router) – React – Redux – TailwindCSS – Swiper.js – AOS – TMDB API