Movie app

تطبيق أفلام React يسمح للمستخدمين بالبحث عن الأفلام، وعرض تفاصيل الأفلام، وإضافة الأفلام إلى قائمة المشاهدة. يستخدم التطبيق Bootstrap لتصميم CSS، و HTML للاكواد، و JavaScript للوظائف. كما أنه يستخدم Material UI (MUI) لمكونات React.

الميزات:

البحث عن الأفلام حسب الاسم

عرض تفاصيل الأفلام، بما في ذلك الملصق والعنوان وتاريخ الإصدار والنوع والتقييم

إضافة الأفلام إلى قائمة المشاهدة

تصميم سريع الاستجابة للأجهزة المحمولة والمكتبية

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

React

Bootstrap

CSS

HTML

JavaScript

Material UI (MUI)

الفوائد:

سهل الاستخدام والتنقل

تصميم جذاب بصريًا

قاعدة بيانات أفلام شاملة

متوافق مع الأجهزة المحمولة والمكتبية

مثال:

يمكن للمستخدم زيارة الصفحة الرئيسية للتطبيق والبحث عن فيلم حسب ااسم الفيلم. سيقوم التطبيق بعرض قائمة بالأفلام التي تطابق معايير البحث الخاصة بالمستخدم. يمكن للمستخدم بعد ذلك النقر فوق فيلم لعرض تفاصيله. ستتضمن صفحة تفاصيل الفيلم الملصق والعنوان وتاريخ الإصدار والنوع والتقييم ووصفًا موجزًا. يمكن للمستخدم أيضًا إضافة الفيلم إلى قائمة مشاهدته .

ستعرض صفحة قائمة المشاهدة قائمة بجميع الأفلام التي أضافها المستخدم إلى قائمة مشاهدته. يمكن للمستخدم إزالة الأفلام من قائمة مشاهدته من اي صفحه