Mentor Virtual yang Didukung AI

Fungsinya

Fitur

Nikmati fitur berikut dalam project ini:

📦 HTML, CSS, JAVASCRIPT & GEMINI API: Gunakan teknologi ini untuk membuat alat mentoring yang efektif dan interaktif.

🧠 Mentoring Berbasis AI: Menggunakan AI Generatif Google untuk memberikan saran yang cerdas dan relevan berdasarkan input pengguna.

💬 Interaksi Pengguna: Memungkinkan pengguna memasukkan pertanyaan atau tantangan melalui area teks dan menerima saran yang dipersonalisasi.

⏳ Indikator Pemuatan: Menampilkan indikator lingkaran berputar selama pemrosesan kueri pengguna untuk menunjukkan progres.

⚠️ Penanganan Error: Menampilkan pesan error jika pembuatan saran gagal dan mencatat error ke konsol untuk proses debug.

🖥️ Tampilan Konten: Merender saran yang dihasilkan di halaman web dengan format yang tepat.

📱 Desain Responsif: Memastikan elemen antarmuka pengguna responsif dan beradaptasi dengan berbagai ukuran layar.

🎨 Perubahan Gaya Dinamis: Mengubah tampilan elemen input pada peristiwa fokus dan pemburaman.

🔄 API yang Digunakan: Mengintegrasikan dengan Google Gemini API untuk membuat saran.

📁 Struktur Kode: Fungsi yang diatur untuk berbagai fungsi seperti membuat saran, menampilkan konten, dan menangani error.

✨ Praktik JavaScript Modern: Menggunakan fitur JavaScript modern seperti async/await untuk menangani operasi asinkron. Memastikan kode yang bersih dan mudah dibaca dengan komentar untuk pemahaman yang lebih baik.

📦 Desain Modular: Fungsi dipisahkan secara logis untuk menangani tugas tertentu, sehingga kode menjadi modular dan dapat dikelola.