KI – Story- und Bildgenerator
Mit dem KI-Story- und Bildgenerator faszinierende Geschichten erstellen
Funktion
📦 HTML, CSS, JavaScript und GEMINI API: Erstellen Sie einen interaktiven Story- und Bildgenerator.
📝 Story-Generierung: Mit der generativen KI von Google können Sie Geschichten basierend auf Nutzereingaben generieren.
🖼️ Bildergenerierung: Passende Fotos von der Unsplash API abrufen.
🖊️ Nutzerinteraktion: Text für Geschichten eingeben und Fotos mit Schaltflächen 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: Verwenden Sie async/await für sauberen, wartungsfreundlichen und modularen Code.
Basis
- Web/Chrome
Team
Von
Das Team von Bharadwaj
Von
Indien