Moviedux

Moviedux: تطبيق ويب يعتمد على React.jsيسمح للمستخدمين بتصفح مجموعة من الأفلام وإدارتها بسهولة.

صفحات الموقع:

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

صفحة Watchlist: تعرض الأفلام التي تمت إضافتها إلى قائمة المشاهدة الخاصة بالمستخدم، حيث يمكنه تتبع الأفلام التي يخطط لمشاهدتها.

صفحة تسجيل الدخول (Login): تتيح للمستخدمين تسجيل الدخول إلى حساباتهم.

صفحة التسجيل (Signup): يمكن للمستخدمين إنشاء حساب جديد للوصول إلى ميزات التطبيق.

صفحة إنشاء فيلم (Create): تمكن المستخدمين من إضافة أفلام جديدة إلى قاعدة البيانات.

صفحة تعديل فيلم (Edit): تتيح للمستخدمين تعديل بيانات الأفلام التي قاموا بإنشائها.

صفحة تفاصيل الفيلم (Movie Details): تعرض معلومات تفصيلية حول الفيلم المختار.

* المميزات:

Authorization باستخدام Auth API: يتم تأمين الوصول إلى بعض الصفحات والميزات بناءً على حالة تسجيل دخول المستخدم.

فلاتر الأفلام: تتضمن التطبيق قائمتين منسدلتين لتنظيم الأفلام بشكل أفضل:

تحديد النوع (Genre Select): يسمح بتصفية الأفلام حسب النوع.

تحديد التقييم (Rating Select): يتيح تصفية الأفلام حسب التقييم (جيد، مقبول، سيئ، أو جميع التقييمات).

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

React: المكتبة الأساسية لبناء واجهة المستخدم.

React Router: للتنقل بين الصفحات المختلفة مثل MovieGrid, Watchlist, Create, Edit, Login, And Signup.

CSS: لتنسيق التطبيق وإنشاء تصميم متجاوب.

Context API مع Custom Hook: لإدارة الحالة بشكل مركزي وتسهيل الوصول إلى البيانات عبر مكونات التطبيق.

* الهدف من المشروع:

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

ملاحظة/ المشروع قيد التطوير أيضا !!