Website chat AI modern menggunakan Express.js + HTMX, powered by Gemini.
- 💬 Chat real-time dengan AI berbasis Gemini
- ✨ UI modern dengan animasi halus
- 📱 Responsive untuk mobile & desktop
- 🎨 Tema gelap elegan dengan efek glassmorphism
- 📝 Format Markdown (bold, italic, code, list)
- 🔄 Riwayat percakapan dalam sesi
- ⌨️ Typing indicator saat AI memproses
- 🚀 Lightweight — hanya HTML + JS vanilla (HTMX)
- Node.js v16 atau lebih baru
- npm / yarn
# 1. Install dependencies
npm install
# 2. Jalankan server
npm start
# 3. Buka browser
# http://localhost:3000npm run devpurai/
├── server.js # Express server + API handler
├── package.json
├── public/
│ ├── index.html # Frontend dengan HTMX
│ ├── css/
│ │ └── style.css # Styling lengkap
│ └── js/
│ └── app.js # JavaScript frontend
└── README.md
- User mengetik pesan di input box
- HTMX mengirim POST request ke
/api/chat - Server mem-forward request ke Gemini API via batchexecute
- Response dikembalikan sebagai HTML langsung ke chat
- HTMX menyuntikkan HTML ke DOM tanpa refresh halaman
Server berjalan di port 3000 secara default. Ubah dengan environment variable:
PORT=8080 npm start| Shortcut | Aksi |
|---|---|
Enter |
Kirim pesan |
Shift + Enter |
Baris baru |
Made with ❤️ — PuruAI v1.0