KI – Story- und Bildgenerator
Mit dem KI-Story- und Bildgenerator faszinierende Geschichten erstellen
Funktion
📦 HTML, CSS, JavaScript und GEMINI API: Einen interaktiven Story- und Bildgenerator erstellen.
📝 Story-Generierung: Mit der generativen KI von Google Geschichten basierend auf Nutzereingaben generieren.
🖼️ Bildergenerierung: Passende Bilder aus der Unsplash API abrufen.
🖊️ Nutzerinteraktion: Text für Geschichten eingeben und mit Schaltflächen Fotos generieren.
⏳ Ladeanzeigen: Während der Story-Generierung und des Abrufens von Fotos einen Ladebalken anzeigen.
⚠️ Fehlerbehandlung: Fehlermeldungen anzeigen und Fehler für die Fehlerbehebung protokollieren.
🖥️ Inhaltsanzeige: Generierte Geschichten und Fotos in einem übersichtlichen Layout rendern.
📱 Responsives Design: UI-Elemente an verschiedene Bildschirmgrößen anpassen.
🎨 Dynamische Stiländerungen: Rahmen und Höhe des Textfelds bei Fokus/Unschärfe anpassen.
✨ Modernes JavaScript: „async/await“ für sauberen, wartbaren und modularen Code verwenden.
Basis
- Web/Chrome
Team
Von
Das Team von Bharadwaj
Von
Indien