Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/IEvangelist/blazor-azure-openai

The Blazor WebAssembly app that inspired the Microsoft //Build 2023 demo app.
https://github.com/IEvangelist/blazor-azure-openai

azureai blazor blazor-webassembly csharp dotnet openai

Last synced: 5 days ago
JSON representation

The Blazor WebAssembly app that inspired the Microsoft //Build 2023 demo app.

Awesome Lists containing this project

README

        

# Blazor 💜 OpenAI

[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)

[![build & test](https://github.com/IEvangelist/blazor-azure-openai/actions/workflows/dotnet.yml/badge.svg)](https://github.com/IEvangelist/blazor-azure-openai/actions/workflows/dotnet.yml)
[![localization](https://github.com/IEvangelist/blazor-azure-openai/actions/workflows/localization.yml/badge.svg)](https://github.com/IEvangelist/blazor-azure-openai/actions/workflows/localization.yml)

## Getting Started

> **Note**
> To run this example, you'll need an **Azure subscription with access enabled for the Azure OpenAI service**. You can request access [here](https://aka.ms/oaiapply). You can also visit [here](https://azure.microsoft.com/free/cognitive-search/) to get some free Azure credits to get you started.

This example relies on three environment variables:

```PowerShell
setx AzureOpenAI__ApiKey ""
setx AzureOpenAI__Endpoint ""
setx AzureOpenAI__DeploymentId ""
```

```bash
export AzureOpenAI__ApiKey=""
export AzureOpenAI__Endpoint=""
export AzureOpenAI__DeploymentId=""
```

## Home screen

![Home screen](images/home.png)

## Voice chat screen

![Voice chat screen](images/voice-chat.png)

## Voice chat screen with navigation menu collapsed

![Voice chat screen with navigation menu collapsed](images/drawer-closed.png)

## Text-to-speech preferences dialog displayed

![Text-to-speech preferences dialog](images/tts-dialog.png)

## Example response text

![Example response text](images/response.png)

## Example response text continued 2/4

![Example response text continued](images/response-two.png)

## Example response text continued 3/4

![Example response text continued](images/response-three.png)

## Example response text continued 4/4

![Example response text continued](images/response-four.png)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):



Hussein Beygi
Hussein Beygi

💻 🤔
github-actions[bot]
github-actions[bot]

🌍 💻

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!