AI – Trình tạo hình ảnh và câu chuyện

Ý nghĩa

📦 HTML, CSS, JavaScript và API GEMINI: Tạo một trình tạo hình ảnh và tin bài tương tác.

📝 Tạo tin bài: Sử dụng AI tạo sinh của Google để tạo tin bài dựa trên dữ liệu đầu vào của người dùng.

🖼️ Tạo ảnh: Tìm nạp ảnh phù hợp từ API Unsplash.

🖊️ Tương tác với người dùng: Nhập văn bản cho tin bài và tạo ảnh bằng các nút.

⏳ Chỉ báo tải: Hiển thị vòng quay trong quá trình tạo tin bài và tìm nạp ảnh.

⚠️ Xử lý lỗi: Hiển thị thông báo lỗi và ghi lỗi để gỡ lỗi.

🖥️ Hiển thị nội dung: Hiển thị tin bài và ảnh được tạo ở bố cục rõ ràng.

📱 Thiết kế thích ứng: Điều chỉnh các thành phần trên giao diện người dùng cho phù hợp với nhiều kích thước màn hình.

🎨 Thay đổi kiểu động: Điều chỉnh đường viền và chiều cao của vùng văn bản khi lấy nét/làm mờ.

✨ JavaScript hiện đại: Sử dụng async/await để có mã rõ ràng, dễ bảo trì và mô-đun.