Movie Time – Discover the Latest Movies (React + Vite)
تفاصيل العمل
قمت بتطوير موقع "Movie Time" الذي يتيح للمستخدمين مشاهدة الأفلام عبر الإنترنت بطريقة سهلة وممتعة. بدأت بتصميم وتنفيذ واجهة المستخدم الأمامية باستخدام ReactJS، حيث قمت بتصميم وتنفيذ تجربة مستخدم تفاعلية ومبتكرة. تركزت على جعل واجهة المستخدم سهلة الاستخدام وجذابة بحيث يمكن للمستخدمين العثور بسهولة على الأفلام التي يرغبون في مشاهدتها.
كما استخدمت واجهة برمجة التطبيقات المزيفة (Mock API) لتوفير البيانات الوهمية والاختبارات للتطبيق خلال عملية التطوير. هذا سمح لي بتطوير واختبار واجهة المستخدم بدون الحاجة إلى انتظار استجابة من الخادم الحقيقي، مما زاد من كفاءة عملية التطوير وتسريعها.
عملت على مراحل التطوير بشكل منهجي، من التحليل والتصميم إلى التنفيذ والاختبار. قمت بتوثيق كل مرحلة من مراحل التطوير بدقة، مما سهل فهم العمل الذي تمت معالجته والمساهمة فيه. النتيجة النهائية كانت موقع "Movie Time" الذي يوفر تجربة مشاهدة أفلام مريحة وممتعة للمستخدمين، ويقدم مجموعة واسعة من الأفلام للاختيار من بينها.
المميزات الأساسية:
? عرض أفلام من API جاهزة (مثل TMDB أو غيرها)
بحث ديناميكي عن الأفلام
️ صفحة تفاصيل لكل فيلم (Movie Details)
⭐ معلومات شاملة: التصنيف، الوصف، سنة الإصدار، البوستر
️ Redux Toolkit لإدارة الحالة
React Router DOM للتنقل بين الصفحات
تصميم عصري بـ Tailwind CSS
أداء عالي باستخدام Vite
رابط المشروع: