← KEMBALI KE KARYA
STUDI KASUS / 07Q&A PORTFOLIO LIVE

Bantuan yang punya wajah.

Mascot Support menggabungkan maskot yang bisa dipindah dengan panel bantuan dan FAQ terbit. Versi khusus portfolio melayani tanya-jawab proyek melalui Cloudflare dan OpenRouter; aplikasi lengkap dengan inbox operator tetap terpisah.

Coba demo browser
PROYEK
Mascot Support
PERAN
Pemilik proyek · pengembangan dengan bantuan AI
FOKUS
TypeScript / Node.js / SDK & iframe / FAQ / AI / Handoff

Screenshot pemasangan SDK asli pada preview lokal, 7 November 2026. Jawaban berasal dari FAQ Xnons, tanpa panggilan model AI.

LINGKUP STUDI KASUS

CUSTOMER SUPPORT / AI

Widget asli tersedia pada portfolio dengan 12 panduan proyek, API Cloudflare dan penyimpanan D1. Uji publik OpenRouter berhasil membandingkan tiga aplikasi dengan rujukan sumber serta menolak memastikan harga dan tenggat yang belum ditetapkan.

Kontribusi saya

Pemilik proyek · pengembangan dengan bantuan AI. Saya mengarahkan identitas asisten, menyusun panduan portfolio, serta mengintegrasikan SDK, panel chat, API Cloudflare dan penyimpanan D1. Saya memeriksa jawaban bersumber, FAQ cadangan, sesi dan batas pemakaian.

Read the English summary ↗
BUKTI / TANGKAPAN ASLI

Lihat hasilnya.

Setiap gambar menjelaskan sumber, tanggal, dan batasnya. Pilih gambar untuk melihat ukuran penuh.

FAQ pada pemasangan awal
01 / FAQ pada pemasangan awal

Arsip preview lokal 7 November 2026: SDK asli menjawab dari FAQ terbit. Gambar ini bukan bukti panggilan model AI.

Panel pada situs publik
02 / Panel pada situs publik

Widget pada domain portfolio, 7 November 2026. API dan panel Cloudflare terpisah, dengan tiga pilihan pertanyaan awal.

Jawaban proyek dengan sumber
03 / Jawaban proyek dengan sumber

Uji widget publik 7 November 2026: jawaban berlabel Tegar · AI menjelaskan perbedaan RemotePad/SoundBridge dan batas demo, dengan rujukan.

01 / Kebutuhan

Memberi bantuan yang mudah ditemukan sambil menjaga sumber jawaban dan alur ke manusia tetap jelas.

02 / Pendekatan

SDK frontend, panel iframe dan API dipisahkan. Knowledge yang diterbitkan menjadi sumber, sedangkan inbox menangani percakapan yang membutuhkan operator.

03 / Yang dibangun

  • Launcher maskot yang dapat dipindah, serta panel percakapan iframe.
  • Knowledge Draft/Publish dan jawaban berdasarkan sumber terbit.
  • Integrasi AI OpenRouter pada backend; fallback FAQ dan penerusan ke manusia.
  • Inbox admin, ownership percakapan, serta konfigurasi tampilan dan pemasangan SDK.

04 / Hasil pekerjaan

Widget asli tersedia pada portfolio dengan 12 panduan proyek, API Cloudflare dan penyimpanan D1. Uji publik OpenRouter berhasil membandingkan tiga aplikasi dengan rujukan sumber serta menolak memastikan harga dan tenggat yang belum ditetapkan.

05 / Cara menilai fitur

Panduan pemeriksaan saat meninjau demo; bukan laporan bahwa seluruh skenario sudah lulus pengujian.

  1. Coba demo browser sesuai batas fitur yang dijelaskan.
  2. Tinjau alur input, hasil dan pemulihan saat gagal.
  3. Verifikasi aplikasi native pada perangkat sebelum penggunaan lebih lanjut.

Screenshot awal mendokumentasikan widget lokal. Q&A publik diuji pada 7 November 2026 dan memiliki batas pemakaian AI; saat layanan AI tidak tersedia, panduan FAQ tetap dipakai. Ini belum membuktikan akurasi semua pertanyaan. Versi portfolio tidak menyediakan inbox admin atau operator langsung; kontak mengarah ke WhatsApp dan email Tegar.

English / Mascot Support

Overview
An embeddable mascot and chat panel, configured here to answer questions about this portfolio.
My contribution
Project owner; AI-assisted development and integration of the SDK, chat panel, reviewed knowledge, Cloudflare API and D1 storage.
Demonstrable result
Public OpenRouter answers were verified through the API and real widget, with source references. FAQ fallback and session reset were also checked.
Scope & limits
This public version provides portfolio Q&A only, with a shared AI budget. It has no operator inbox and does not send WhatsApp or email messages.
Explore the English project overview ↗
LANJUT JELAJAHIXanly Learning Experience