AI - Story & Image Generator

کاری که انجام می دهد

📦 HTML، CSS، JavaScript و GEMINI API: یک داستان تعاملی و تولید کننده تصویر ایجاد کنید.

📝 تولید داستان: از هوش مصنوعی مولد Google برای تولید داستان بر اساس ورودی کاربر استفاده کنید.

🖼️ تولید عکس: عکس‌های منطبق را از Unsplash API واکشی کنید.

🖊️ تعامل با کاربر: متن را برای استوری ها وارد کنید و با دکمه ها عکس تولید کنید.

⏳ نشانگرهای بارگیری: یک اسپینر را در طول تولید داستان و واکشی عکس نشان می دهد.

⚠️ Error Handling: نمایش پیام های خطا و خطاهای گزارش برای اشکال زدایی.

🖥️ نمایش محتوا: داستان ها و عکس های تولید شده را در یک طرح بندی تمیز رندر کنید.

📱 طراحی پاسخگو: عناصر رابط کاربری را با اندازه های مختلف صفحه تطبیق دهید.

🎨 تغییرات سبک پویا: حاشیه و ارتفاع ناحیه متن را روی فوکوس/تار تنظیم کنید.

✨ جاوا اسکریپت مدرن: از async/wait برای کدهای تمیز، قابل نگهداری و ماژولار استفاده کنید.