Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/danroth27/blazorchatapp
- Owner: danroth27
- License: mit
- Created: 2024-08-11T05:53:09.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-11T06:15:08.000Z (5 months ago)
- Last Synced: 2024-10-19T21:46:27.433Z (3 months ago)
- Language: HTML
- Size: 111 KB
- Stars: 8
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
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)