Skip to content

Build5Nines/AIChatUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

08011e4 · Mar 12, 2024

History

17 Commits
Mar 12, 2024
Mar 12, 2024
Mar 9, 2024
Mar 10, 2024
Mar 9, 2024
Mar 9, 2024
Mar 12, 2024
Mar 9, 2024
Mar 10, 2024
Mar 9, 2024
Mar 9, 2024
Mar 9, 2024

Repository files navigation

AIChatUI - Azure OpenAI Chat UI Sample

AIChatUI is a simple chat UI with backend API for making chat completion called against Azure OpenAI Service. The API is written in Javascript using Node.js with Swagger UI support, and a static Index.html client for the front-end Chat UI.

User Interface

The frontend application is written as a static HTML page (/static/index.html) using Bootstrap and jQuery. Just a simple UI for now.

AIChatUI user interface

API Functionality

The API versions are as follows:

  • v1 - Makes chat completions against Azure OpenAI Service.
  • v2 - Makes chat completions against Azure OpenAI Service with the integration of Azure Search Service too.

The app integrates Swagger to provide a documentation UI that can be used to see the API endpoints supported, as well as the ability to test them. The Swagger UI is located at http://localhost:8080/docs when running the application.

AIChatUI Swagger UI

App Configuration

This application uses the .env file to configure the necessary environment variables. A list of what environment variables are necessary is included within the .env.EXAMPLE file.

Infrastructure

This application assumes you have an instance of Azure OpenAI Service and Azure Search Service deployed to Microsoft Azure already.

The project includes the following Azure Bicep templates that can be used to deploy the Azure resources necessary depending on which API version of this app you want to use:

  • /IaC/Bicep/v1 - Deploys Azure OpenAI Service
  • /IaC/Bicep/v2 - Deploys Azure OpenAI Service, Azure Search Service, and Azure Storage Account

This project is written by Chris Pietschmann (Microsoft MVP).