نبذة تفصيلية عن المشروع:
Movie Explorer App هو تطبيق ويب تم تطويره باستخدام Angular 17 وBootstrap 5 بالتعاون مع فريق عمل، ويهدف إلى توفير تجربة تفاعلية سلسة لاستكشاف أحدث الأفلام وعرض تفاصيلها، من خلال التكامل مع واجهة برمجية خارجية وهي TMDB API (The Movie Database).
أهم خصائص المشروع:
الواجهة الرئيسية (Home Page):
تعرض قائمة بالأفلام الرائجة (Trending Movies)
تضم مربع بحث مباشر (Live Search) للفلترة حسب اسم الفيلم
يتم عرض الأفلام في شكل كروت مصممة باستخدام Bootstrap Grid
صفحة التفاصيل (Movie Details Page):
تعرض تفاصيل الفيلم المختار: الاسم، الصورة، القصة، التقييم، تاريخ العرض، التصنيفات
تحتوي على قسم للأفلام المقترحة (Recommended Movies) بناءً على الفيلم الحالي
التوصيات (Recommendations):
يتم جلبها من API بناءً على ID الفيلم الحالي
يتم عرضها بكروت مستقلة أسفل صفحة التفاصيل
قائمة المفضلة (Watchlist):
يمكن للمستخدمين حفظ الأفلام في المفضلة
يتم تخزين المفضلات باستخدام LocalStorage للحفاظ عليها حتى بعد إغلاق المتصفح
استخدام Angular 17 مع التوجيه (Routing) ومكونات منفصلة (Components)
الاعتماد على Control Flow Syntax الجديد (@if / @for) في Angular
استخدام Bootstrap 5 لتصميم واجهة متجاوبة مع جميع الأجهزة
الاستفادة من Angular Services في جلب البيانات من TMDB API
تقسيم المهام بين أعضاء الفريق باستخدام Git وGitHub
دوري في المشروع:
تصميم صفحة الـ Home بالكامل (البحث + عرض الأفلام + زر Load More)
إنشاء الـ Navbar والـ Footer وتنسيقهما
إعداد Movie Service لجلب البيانات من الـ API
العمل على تصميم صفحة التفاصيل بالتعاون مع الفريق
اختبار الأداء وتحسين تجربة المستخدم
