https://github.com/syncfusionexamples/syncfusion-blazor-kanban-with-ai
This repository demonstrates the sample for AI Integration with Syncfusion Blazor Kanban Component.
https://github.com/syncfusionexamples/syncfusion-blazor-kanban-with-ai
syncfusion syncfusion-ai-samples syncfusion-blazor syncfusion-blazor-ai-samples
Last synced: 6 months ago
JSON representation
This repository demonstrates the sample for AI Integration with Syncfusion Blazor Kanban Component.
- Host: GitHub
- URL: https://github.com/syncfusionexamples/syncfusion-blazor-kanban-with-ai
- Owner: SyncfusionExamples
- Created: 2024-11-26T09:19:50.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-12-09T04:29:14.000Z (over 1 year ago)
- Last Synced: 2025-07-24T11:44:24.492Z (about 1 year ago)
- Topics: syncfusion, syncfusion-ai-samples, syncfusion-blazor, syncfusion-blazor-ai-samples
- Language: HTML
- Homepage:
- Size: 903 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Syncfusion-Blazor-Kanban-with-AI
This repo demonstrate the sample for AI Integration with Syncfusion Blazor Kanban Component using Microsoft's AI Extension libraries.
---
# How to Run the Project
This project demonstrates the integration of **Microsoft.Extensions.AI** with **Syncfusion Blazor Kanban component**. By integrating AI, tasks can be automatically generated based on user input, displayed on a Kanban board, and managed with smart suggestions that adapt to the project's needs. This integration streamlines task management, making it more efficient, intuitive, and responsive to changes in real-time.
---
## Prerequisites
Before you begin, ensure you have the following:
1. [**Visual Studio 2022 with the ASP.NET and web development workload**](https://visualstudio.microsoft.com/vs/) installed.
2. **[.NET 6.0 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/6.0) or [later](https://dotnet.microsoft.com/en-us/download)**.
3. An [**OpenAI**](https://help.openai.com/en/articles/4936850-where-do-i-find-my-openai-api-key) or [**Azure OpenAI**](https://learn.microsoft.com/en-us/azure/ai-services/openai/how-to/create-resource?pivots=web-portal) account to use the AI models.
---
## Steps to Run the Project
### 1. Clone the Repository
Clone the repository to your local machine:
```bash
git clone
cd
```
---
### 2. Install Required Dependencies
Make sure all required NuGet packages are installed. Use the following commands if necessary:
```bash
dotnet restore
```
---
### 3. Configure the API Key
To enable AI-powered task generation, you need to configure your API key for the selected AI service (Azure OpenAI, OpenAI, or Ollama). Follow these steps:
#### For Azure OpenAI:
1. Open the `Home.razor.cs` file in the project.
2. Replace the placeholders in the `AzureOpenAIClient` setup with your actual **Endpoint** and **API Key**:
```csharp
IChatClient client = new AzureOpenAIClient(
new Uri("Your Endpoint"),
new System.ClientModel.ApiKeyCredential("Your API Key")
).AsChatClient(modelId: "Your Deployment Name");
```
#### For OpenAI:
1. Open the `Home.razor.cs` file.
2. Update the `OpenAIClient` initialization with your **API Key**:
```csharp
IChatClient client = new OpenAIClient("Your API Key")
.AsChatClient(modelId: "Your Model Name");
```
#### For Ollama:
1. Open the `Home.razor.cs` file.
2. Configure the `OllamaChatClient` with your **Endpoint** and **Model Name**:
```csharp
IChatClient client = new OllamaChatClient(
new Uri("Your Endpoint"),
"Your Model Name"
);
```
---
### 4. Build and Run the Project
Run the following command to build and start the application:
```bash
dotnet run
```
---
### 5. Access the Application
Once the application starts, open your browser and navigate to the provided URL. You can now interact with the AI-powered task management system.
