Skip to content

Backend + WebUI sederhana untuk menjalankan AI Assistant menggunakan Ollama dan FastAPI. UI didesain modern & responsif menggunakan TailwindCSS.

Notifications You must be signed in to change notification settings

Bangkah/mantap-ai

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

✨ Mantap AI

Backend + WebUI sederhana untuk menjalankan AI Assistant menggunakan Ollama dan FastAPI.
UI didesain modern & responsif menggunakan TailwindCSS.


πŸš€ Fitur

  • πŸ”— Integrasi dengan Ollama API (local LLM seperti Llama2, Mistral, dll).
  • πŸ’¬ Chat API (/chat) + Streaming API (/chat-stream).
  • πŸ–₯️ WebUI cantik berbasis HTML + TailwindCSS.
  • 🌐 CORS sudah diaktifkan (siap untuk frontend custom).

πŸ“‚ Struktur Project

mantap-ai/
│── main.py # FastAPI backend
│── templates/
β”‚ └── index.html # UI Chat (Frontend)
│── static/ # file CSS/JS tambahan
│── README.md

πŸ› οΈ Instalasi

  1. Clone repo
    git clone https://github.com/Bangkah/mantap-ai.git
    cd mantap-ai
    
  2. Buat virtual environment (opsional)
    python -m venv venv
    source venv/bin/activate   # Linux/Mac
    venv\Scripts\activate      # Windows
    source venv/bin/activate.fish    #fish shell
    
    
  3. Install dependencies
    pip install -r requirements.txt
    
  4. Kalau requirements.txt belum ada, minimal install:
    pip install fastapi uvicorn requests jinja2
    
  5. Pastikan Ollama sudah jalan
    ollama serve
    
  6. Jalankan server
    uvicorn main:app --reload --host 0.0.0.0 --port 8000
    

🌐 API Endpoints

GET / β†’ Halaman UI (chat interface).

GET /health β†’ Cek status backend & koneksi Ollama.

GET /models β†’ List model yang tersedia di Ollama.

POST /chat β†’ Kirim prompt & dapatkan jawaban.

POST /chat-stream β†’ Chat dengan response streaming.

🎨 Tampilan UI

UI dibuat minimalis, modern, dan responsif:

Chat bubble dengan warna berbeda (user vs bot).

Animasi loading ... saat menunggu jawaban AI.

Gradient background & rounded card style.

πŸ“Έ Screenshot

alt text alt text

🀝 Kontribusi

Pull request & issue sangat diterima! Feel free untuk kembangkan fitur seperti:

πŸ”₯ Dark mode toggle

πŸ“œ History chat

πŸ“ Export chat ke file

About

Backend + WebUI sederhana untuk menjalankan AI Assistant menggunakan Ollama dan FastAPI. UI didesain modern & responsif menggunakan TailwindCSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published