AI - Story & Image Generator

What it does

📦 HTML, CSS, JavaScript & GEMINI API: Create an interactive story and image generator.

📝 Story Generation: Use Google's Generative AI to generate stories based on user input.

🖼️ Photo Generation: Fetch matching photos from the Unsplash API.

🖊️ User Interaction: Input text for stories and generate photos with buttons.

⏳ Loading Indicators: Display a spinner during story generation and photo fetching.

⚠️ Error Handling: Show error messages and log errors for debugging.

🖥️ Content Display: Render generated stories and photos in a clean layout.

📱 Responsive Design: Adapt UI elements to various screen sizes.

🎨 Dynamic Style Changes: Adjust the text area’s border and height on focus/blur.

✨ Modern JavaScript: Utilize async/await for clean, maintainable, and modular code.