AI – יצירת תמונות וסיפור

תיאור

📦 HTML,‏ CSS,‏ JavaScript ו-GEMINI API: יצירת גנרטורים אינטראקטיביים של סיפורים ותמונות.

📝 יצירת סיפורים: שימוש ב-AI הגנרטיבי של Google כדי ליצור סיפורים על סמך הקלט של המשתמשים.

🖼️ יצירת תמונות: אחזור תמונות תואמות מ-Unsplash API.

🖊️ אינטראקציה עם משתמשים: הזנת טקסט לסיפורים ויצירת תמונות באמצעות לחצנים.

⏳ אינדיקטורים של טעינה: הצגת ספינר במהלך יצירת הסיפורים ואחזור התמונות.

⚠️ טיפול בשגיאות: הצגת הודעות שגיאה ורישום שגיאות ביומן לצורך ניפוי באגים.

🖥️ הצגת תוכן: עיבוד תמונות וסיפורים שנוצרו בתצוגה נקייה.

📱 עיצוב רספונסיבי: התאמה של רכיבי ממשק המשתמש לגדלים שונים של מסכים.

🎨 שינויים דינמיים בסגנון: שינוי של הגובה והגבול של אזור הטקסט במצב התמקדות/טשטוש.

✨ JavaScript מודרני: שימוש ב-async/await ליצירת קוד נקי, נוח לתחזוקה ומורכב ממודולים.