Movie App- موقع ويب لمشاهدة الأفلام Movie App- موقع ويب لمشاهدة الأفلام Movie App- موقع ويب لمشاهدة الأفلام
تفاصيل العمل

المشروع عبارة عن موقع إلكتروني تفاعلي لعرض تفاصيل الأفلام تم تطويره باستخدام Angular وواجهة برمجة تطبيقات (API) لجلب البيانات ديناميكيًا. صُمم الموقع ليكون Responsive بالكامل بحيث يعمل بسلاسة على مختلف الأجهزة (كمبيوتر، تابلت، موبايل). كما يدعم تعدد اللغات (Multilingual) لتمكين المستخدمين من اختيار اللغة المناسبة لهم أثناء التصفح. الوظائف الأساسية (Features): الصفحة الرئيسية (Home Page): تعرض قائمة من الأفلام المأخوذة من الـAPI. تحتوي على بحث سريع عن الأفلام حسب الاسم أو النوع. التصميم متجاوب ويستخدم Flexbox / Grid مع Bootstrap لتوزيع العناصر. صفحة التفاصيل (Details Page): عند الضغط على فيلم من القائمة، ينتقل المستخدم إلى صفحة التفاصيل. تعرض معلومات الفيلم مثل الاسم، التقييم، سنة الإصدار، الصورة، والوصف. البيانات تُجلب ديناميكيًا عبر API Call باستخدام Angular Services وHTTPClient. قائمة المفضلة (Wishlist / Favorites): يستطيع المستخدم إضافة أو إزالة الأفلام المفضلة. البيانات تُخزَّن مؤقتًا باستخدام Local Storage أو Service داخل التطبيق. واجهة تفاعلية توضح حالة الفيلم (مضاف أو غير مضاف). نظام تسجيل الدخول والاشتراك (Login / Register): تم إنشاء نماذج تسجيل دخول وتسجيل حساب جديد. كل الحقول تحتوي على Validation (التحقق من صحة المدخلات). عند تسجيل الدخول بنجاح، يُنقل المستخدم للصفحة الرئيسية. تم استخدام Reactive Forms من Angular للتحقق من صحة البيانات في الوقت الحقيقي. تعدد اللغات (Multi-language Support): تم تطبيق خاصية تغيير اللغة (مثلاً بين العربية والإنجليزية) باستخدام ngx-translate. كل النصوص في الواجهة تُترجم تلقائيًا بناءً على اللغة المختارة. الاستجابة (Responsiveness): تم استخدام Bootstrap وCSS Media Queries لضبط التصميم على جميع الشاشات.

شارك
بطاقة العمل
تاريخ النشر
منذ يوم
المشاهدات
7
المستقل
Nada Mamdouh
Nada Mamdouh
مهندسة برمجيات
طلب عمل مماثل
شارك
مركز المساعدة