هذا المشروع عبارة عن تطبيق ويب بسيط باسم Meme Generator، يسمح للمستخدم بإدخال رقم من 0 إلى 99 لعرض ميم (صورة مضحكة) من قاعدة بيانات الميمز التي يتم جلبها من واجهة برمجة التطبيقات (API) الخاصة بموقع Imgflip.
يحتوي المشروع على:
واجهة HTML تفاعلية تضم:
حقل إدخال للأرقام.
زر لعرض الميم.
منطقة لعرض الميمات الناتجة.
كود JavaScript يقوم بتحميل بيانات الميمات من واجهة الـ API عند تشغيل الصفحة، ثم يعرض الميم المطابق للرقم الذي يدخله المستخدم.
تحقق من الإدخال: إذا أدخل المستخدم رقمًا خارج النطاق (0–99)، يتم عرض رسالة خطأ "Invalid number".
يهدف هذا المشروع إلى تدريب الطالب على:
التعامل مع الواجهات البرمجية APIs وجلب البيانات من الإنترنت.
استخدام DOM Manipulation للتفاعل مع عناصر الصفحة.
ممارسة JavaScript Fetch وEvents في مشروع عملي بسيط وممتع.