Người hướng dẫn ảo sử dụng AI

Ý nghĩa

Tính năng

Trải nghiệm các tính năng sau trong dự án này:

📦 HTML, CSS, JAVASCRIPT & GEMINI API: Sử dụng các công nghệ này để tạo một công cụ cố vấn mạnh mẽ và tương tác.

🧠 Cố vấn dựa trên AI: Sử dụng AI tạo sinh của Google để đưa ra lời khuyên thông minh và phù hợp dựa trên thông tin người dùng nhập.

💬 Tương tác với người dùng: Cho phép người dùng nhập câu hỏi hoặc thử thách thông qua một khu vực văn bản và nhận lời khuyên được cá nhân hoá.

⏳ Chỉ báo tải: Hiển thị một vòng quay trong quá trình xử lý truy vấn của người dùng để cho biết tiến trình.

⚠️ Xử lý lỗi: Hiển thị thông báo lỗi nếu không tạo được lời khuyên và ghi lại lỗi vào bảng điều khiển để gỡ lỗi.

🖥️ Hiển thị nội dung: Hiển thị lời khuyên được tạo trên trang web theo định dạng phù hợp.

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

🎨 Thay đổi kiểu động: Thay đổi giao diện của các thành phần đầu vào trên sự kiện lấy nét và làm mờ.

🔄 API được sử dụng: Tích hợp với API Google Gemini để tạo lời khuyên.

📁 Cấu trúc mã: Sắp xếp các hàm cho nhiều chức năng như tạo lời khuyên, hiển thị nội dung và xử lý lỗi.

✨ Các phương pháp JavaScript hiện đại: Sử dụng các tính năng JavaScript hiện đại như async/await để xử lý các thao tác không đồng bộ. Đảm bảo mã sạch và dễ đọc với các nhận xét để hiểu rõ hơn.

📦 Thiết kế mô-đun: Các hàm được tách biệt một cách hợp lý để xử lý các nhiệm vụ cụ thể, giúp mã trở nên mô-đun và dễ bảo trì.