movie app

تطبيق تصفّح الأفلام – Movie Browser App (React + Redux Toolkit)

أنا مطوّر واجهات أمامية (Front-End Developer) متخصص في React.js، وهذا المشروع يعرض قدرتي على بناء تطبيقات ويب حديثة، مرنة، وجذّابة بصريًا، مع أداء قوي وتجربة استخدام سلسة.

نبذة عن المشروع

تطبيق Movie Browser هو موقع تفاعلي لاستكشاف الأفلام تم بناؤه باستخدام React وRedux Toolkit (Thunk) مع Axios interceptors وتصميم Bootstrap بخيار الوضع الفاتح والداكن.

يوفر التطبيق واجهة استخدام بسيطة وسهلة تسمح للمستخدم بتصفح الأفلام، وإدارة المفضّلة وقوائم المشاهدة، والتبديل بين اللغات والثيمات في الوقت الفعلي.

️ المميزات الرئيسية

دمج واجهة TMDB API عبر Axios interceptors مع تأمين مفتاح الـAPI ونظام تحميل عالمي (Loader).

إدارة الحالة باستخدام Redux Toolkit + Thunk للمفضّلات، وقوائم المشاهدة، وحالة الواجهة (UI State).

البحث ودعم تعدد اللغات مع إعادة جلب البيانات عند تغيير اللغة.

التبديل بين الوضع الداكن والفاتح باستخدام متغيرات Bootstrap المخصصة.

تصميم مرن ومتجاوب يدعم عرض الشبكة أو القائمة، مع نافذة منبثقة لتفاصيل الفيلم.

نظام تسجيل دخول تجريبي باستخدام localStorage لأغراض الاختبار.

تحسينات على واجهة المستخدم بمساعدة الذكاء الاصطناعي (AI) لتطوير التصميم وتحسين تجربة الاستخدام.

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

React 19 • Redux Toolkit • Redux Thunk • Axios Interceptors • Bootstrap 5 • React Router v6 • LocalStorage

المهارات التي تم تطبيقها

إدارة الحالة المتقدمة باستخدام Redux Toolkit

التكامل مع واجهات REST APIs واستخدام Axios interceptors

التصميم المتجاوب وتحسين تجربة المستخدم

استخدام الذكاء الاصطناعي لتحسين واجهات المستخدم (AI-assisted UI)

كتابة كود منظم، نظيف، وقابل لإعادة الاستخدام