AI – generator historii i obrazów

Działanie

📦 HTML, CSS, JavaScript i interfejs GEMINI API: tworzenie interaktywnych historii i generatora obrazów.

📝 Generowanie historii: korzystanie z generatywnej AI od Google do tworzenia historii na podstawie danych wejściowych użytkownika.

🖼️ Generowanie zdjęć: pobieranie pasujących zdjęć z interfejsu Unsplash API.

🖊️ Interakcja z użytkownikiem: wprowadzanie tekstu do historii i generowanie zdjęć za pomocą przycisków.

⏳ Wskaźniki wczytywania: wyświetlanie spinnera podczas generowania historii i pobierania zdjęć.

⚠️ Obsługa błędów: wyświetlanie komunikatów o błędach i logowanie błędów na potrzeby debugowania.

🖥️ Wyświetlanie treści: renderowanie wygenerowanych historii i zdjęć w czystym układzie.

📱 Projektowanie responsywne: dostosowywanie elementów interfejsu użytkownika do różnych rozmiarów ekranu.

🎨 Zmiany dynamicznego stylu: dostosowywanie obramowania i wysokości obszaru tekstowego w przypadku najechania kursorem lub rozmycia.

✨ Nowoczesny JavaScript: korzystanie z async/await w celu uzyskania przejrzystego, łatwego do utrzymania i modułowego kodu.