Logo YogiACHMAD YOGI MAULANA
web

UMKM Chat — Dashboard WhatsApp AI & Knowledge Base

UMKM Chat adalah aplikasi web yang terdiri dari dashboard React/Vite, backend API, dan WhatsApp bot service. Pengguna UMKM dapat menghubungkan nomor WhatsApp melalui QR, mengunggah dokumen FAQ untuk knowledge base, mengatur pesan bot, memantau histori chat, serta menguji asisten AI melalui mode RAG atau model lokal streaming.

ReactViteReact RouterWhatsApp BotWebSocketRAGOllamaREST APIPythonNode.js
React + Vite
Frontend
WhatsApp QR + WS
Integrasi
RAG + Local LLM
AI

Fitur Utamanya

  • Dashboard UMKM dengan status bot, jumlah dokumen, chat harian, dan response rate
  • Koneksi WhatsApp melalui QR Code dengan update status via WebSocket
  • Upload TXT, CSV, PDF, dan DOCX untuk parsing knowledge base FAQ
  • Konfigurasi greeting, closing, fallback message, dan profil bisnis
  • Chat AI mode RAG berbasis dokumen + mode streaming model lokal
  • Riwayat percakapan dengan pemisahan thread berdasarkan user

Tantangan Teknis

Menyatukan dashboard, layanan WhatsApp, knowledge base, dan alur chat AI dalam satu workspace dengan akses berdasarkan role.

Solusi Diterapkan

Menggunakan React Router untuk protected routes, WebSocket untuk status WhatsApp, REST API untuk dokumen dan statistik, serta streaming response dengan AbortController untuk kontrol chat.

Informasi Singkat

Kategoriweb
StatusSelesai
Total Tag10 Teknologi

Tertarik Dengan Proyek Serupa?

Mari buat aplikasi berkinerja tinggi dengan antarmuka neo-brutalism yang unik untuk bisnis Anda.