watcify

مراحل التنفيذ:

التخطيط والتصميم: في هذه المرحلة، تم تحديد تصميم التطبيق وفقاً لنمط MVC واختيار التصميم المناسب للواجهة باستخدام HTML وCSS.

تصميم الواجهة الأمامية: تم بناء واجهة مستخدم تفاعلية باستخدام HTML وCSS وJS. الواجهة تتيح للمستخدم البحث عن أفلام أو مسلسلات.

API: تم إستخدام JS للإتصال بـ API للحصول على نتائج البحث وعرضها في الصفحة. البيانات تتضمن غلاف الفيلم أو المسلسل، العنوان، وسنة الإصدار.

DOM: تحسين تجربة المستخدم عند الضغط على أحد النتائج يتم عرض تفاصيل إضافية على نفس الصفحة دون الإنتقال لصفحة جديدة.

المهام التي قمت بها:

تصميم واجهة المستخدم.

كتابة الأكواد البرمجية الخاصة بالتفاعل مع API.

تطبيق نمط MVC في تنظيم الكود.

تحسين تجربة المستخدم والتأكد من سهولة التفاعل مع الواجهة.

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