Files
GenAIExamples/ChatQnA/ui_side_by_side
lvliang-intel 71fd893ae4 Add Vision demo side by side UI (#70)
* Add Vision demo side by side UI

Signed-off-by: lvliang-intel <liang1.lv@intel.com>
2024-04-11 16:28:53 +08:00
..
2024-04-11 16:28:53 +08:00

LLM Chatbot GUI

📸 Project Screenshots

project-screenshot project-screenshot

Requirements

  • Node.js version v18.0.0 or higher
  • npm version 9.6.5 or higher

To check if both were successfully installed run the following commands:

node --version
npm --version

--version option can be replaced with -v shorthand

Setup

Environment variables

Create .env file in this folder. It has to contain the following variables that represent corresponding endpoints for communication with without RAG and with RAG backend:

VITE_WITH_RAG_BASE_URL = 'http://<ip-address>:<port>/v1/rag'
VITE_WITHOUT_RAG_BASE_URL = 'http://<ip-address>:<port>/v1/rag'

Install dependencies

npm install

Start GUI

Execute the following command to start GUI:

npm run dev

By default, UI will run on http://localhost:5147. The port and IP address that the UI will be served on can be changed by modifying npm dev script in package.json.

The following example presents how to change port and IP address by setting corresponding options: --port and --host.

"dev": "vite dev --port 9090 --host 0.0.0.0",

This also can be set via CLI by adding -- --port <port> --host <ip> :

npm run dev -- --port 9090 --host 0.0.0.0

In case of any configuring issues please refer to https://vitejs.dev/config/server-options.