Chatbot AI untuk calon mahasiswa Telkom University, ditenagai oleh LLM lokal via Ollama.
- Streaming real-time — respons muncul kata per kata
- Basis pengetahuan Tel-U — prodi, biaya kuliah, beasiswa, jalur seleksi 2026
- Tombol cancel — hentikan generasi kapan saja
- Banner offline — notifikasi otomatis jika Ollama tidak berjalan
- Markdown & syntax highlighting — rendering respons yang rapi
| Layer | Tech |
|---|---|
| Framework | Next.js 16 (App Router) + React 19 |
| Styling | Tailwind CSS v4 + @tailwindcss/typography |
| LLM | Ollama — inferensi lokal (llama3.1) |
| Rendering | react-markdown + react-syntax-highlighter |
- Node.js ≥ 18
- Ollama terinstall dan berjalan di
localhost:11434 - Model sudah di-pull:
ollama pull llama3.1
# Install dependencies
npm install
# Jalankan Ollama (di terminal terpisah)
ollama serve
# Jalankan dev server
npm run devBuka http://localhost:3000.
├── app/
│ ├── page.tsx # Halaman utama chatbot
│ ├── layout.tsx # Root layout + metadata
│ └── globals.css # Animasi & custom utilities
├── components/
│ └── ChatMessage.tsx # Komponen bubble pesan
└── lib/
├── constants.ts # Knowledge base, system prompt, suggestions
└── fonts.ts # Font instances
