Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danroth27/blazorchatapp

An Azure OpenAI powered Blazor chat app
https://github.com/danroth27/blazorchatapp

Last synced: about 1 month ago
JSON representation

An Azure OpenAI powered Blazor chat app

Awesome Lists containing this project

README

        

# BlazorChatApp

This is a simple AI-powered Blazor chat app that uses [Semantic Kernel](https://aka.ms/semantic-kernel) with a custom [plugin](https://learn.microsoft.com/semantic-kernel/concepts/plugins) to enable the AI assistant to change the theme colors of the app.

## Configure the Azure OpenAI backend

1. [Create and deploy an Azure OpenAI resource](https://learn.microsoft.com/azure/ai-services/openai/how-to/create-resource).

1. This app uses the [Azure Identity client library](https://learn.microsoft.com/dotnet/api/overview/azure/identity-readme) to authenticate with Azure OpenAI. Use [Role-based access control](https://learn.microsoft.com/dotnet/api/overview/azure/identity-readme) to grant permissions to the appropriate identity or group to have access to the Azure OpenAI resource.

1. Configure the deployment name and endpoint URL for your Azure OpenAI resource:

```json
{
"SmartComponents": {
"DeploymentName": "",
"Endpoint": ""
}
}
```

1. Run the app and start chatting with the AI assistant. Try asking the AI assistant to change the theme colors of the app.

![Blazor chat app screenshot](https://github.com/user-attachments/assets/a783b26c-433c-43e8-9e4d-84e5c8f60cb8)