الذكاء الاصطناعي: أداة إنشاء القصص والصور

وظيفتها

📦 HTML وCSS وJavaScript وGEMINI API: إنشاء أداة تفاعلية لإنشاء القصص والصور.

📝 إنشاء القصص: استخدام الذكاء الاصطناعي التوليدي من Google لإنشاء قصص استنادًا إلى إدخال المستخدم.

🖼️ إنشاء الصور: جلب صور مطابقة من Unsplash API.

🖊️ تفاعل المستخدم: إدخال نص القصص وإنشاء الصور باستخدام الأزرار.

⏳ مؤشرات التحميل: عرض مؤشر تدوير أثناء إنشاء القصص وجلب الصور.

⚠️ معالجة الأخطاء: عرض رسائل الخطأ وتسجيل الأخطاء لتصحيح الأخطاء.

🖥️ عرض المحتوى: عرض القصص والصور التي تم إنشاؤها بتنسيق أنيق.

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

🎨 تغييرات التصميم الديناميكي: ضبط حدود منطقة النص وارتفاعها عند التركيز/التمويه.

✨ JavaScript الحديثة: استخدام async/await لإنشاء رموز برمجية أنيقة وقابلة للصيانة ومكوّنة من وحدات.