{"id":23060697,"url":"https://github.com/syncfusionexamples/syncfusion-blazor-kanban-with-ai","last_synced_at":"2026-02-09T01:03:54.217Z","repository":{"id":267219232,"uuid":"894389968","full_name":"SyncfusionExamples/Syncfusion-Blazor-Kanban-with-AI","owner":"SyncfusionExamples","description":"This repository demonstrates the sample for AI Integration with Syncfusion Blazor Kanban Component.","archived":false,"fork":false,"pushed_at":"2024-12-09T04:29:14.000Z","size":925,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-24T11:44:24.492Z","etag":null,"topics":["syncfusion","syncfusion-ai-samples","syncfusion-blazor","syncfusion-blazor-ai-samples"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SyncfusionExamples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-26T09:19:50.000Z","updated_at":"2025-02-27T06:54:14.000Z","dependencies_parsed_at":"2024-12-09T05:25:23.427Z","dependency_job_id":"0760665e-911a-4b9a-8571-be4ba9ebe2e7","html_url":"https://github.com/SyncfusionExamples/Syncfusion-Blazor-Kanban-with-AI","commit_stats":null,"previous_names":["syncfusionexamples/syncfusion-blazor-kanban-with-ai"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SyncfusionExamples/Syncfusion-Blazor-Kanban-with-AI","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FSyncfusion-Blazor-Kanban-with-AI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FSyncfusion-Blazor-Kanban-with-AI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FSyncfusion-Blazor-Kanban-with-AI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FSyncfusion-Blazor-Kanban-with-AI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/Syncfusion-Blazor-Kanban-with-AI/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FSyncfusion-Blazor-Kanban-with-AI/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29252659,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-08T22:49:53.206Z","status":"ssl_error","status_checked_at":"2026-02-08T22:49:51.384Z","response_time":57,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["syncfusion","syncfusion-ai-samples","syncfusion-blazor","syncfusion-blazor-ai-samples"],"created_at":"2024-12-16T03:14:50.394Z","updated_at":"2026-02-09T01:03:54.199Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Syncfusion-Blazor-Kanban-with-AI\n\nThis repo demonstrate the sample for AI Integration with Syncfusion Blazor Kanban Component using Microsoft's AI Extension libraries.\n\n---\n\n# How to Run the Project\n\nThis 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.\n\n![Gif image of Kanban-with-AI](BlazorApp/wwwroot/SmartKanban.gif)\n\n---\n## Prerequisites\n\nBefore you begin, ensure you have the following:\n\n1. [**Visual Studio 2022 with the ASP.NET and web development workload**](https://visualstudio.microsoft.com/vs/) installed.\n2. **[.NET 6.0 SDK](https://dotnet.microsoft.com/en-us/download/dotnet/6.0) or [later](https://dotnet.microsoft.com/en-us/download)**.\n3. 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.\n---\n\n## Steps to Run the Project\n\n### 1. Clone the Repository\nClone the repository to your local machine:\n```bash\ngit clone \u003crepository-url\u003e\ncd \u003crepository-folder\u003e\n```\n\n---\n\n### 2. Install Required Dependencies\nMake sure all required NuGet packages are installed. Use the following commands if necessary:\n```bash\ndotnet restore\n```\n\n---\n\n### 3. Configure the API Key\nTo 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:\n\n#### For Azure OpenAI:\n1. Open the `Home.razor.cs` file in the project.\n2. Replace the placeholders in the `AzureOpenAIClient` setup with your actual **Endpoint** and **API Key**:\n   ```csharp\n   IChatClient client = new AzureOpenAIClient(\n       new Uri(\"Your Endpoint\"),\n       new System.ClientModel.ApiKeyCredential(\"Your API Key\")\n   ).AsChatClient(modelId: \"Your Deployment Name\");\n   ```\n\n#### For OpenAI:\n1. Open the `Home.razor.cs` file.\n2. Update the `OpenAIClient` initialization with your **API Key**:\n   ```csharp\n   IChatClient client = new OpenAIClient(\"Your API Key\")\n       .AsChatClient(modelId: \"Your Model Name\");\n   ```\n\n#### For Ollama:\n1. Open the `Home.razor.cs` file.\n2. Configure the `OllamaChatClient` with your **Endpoint** and **Model Name**:\n   ```csharp\n   IChatClient client = new OllamaChatClient(\n       new Uri(\"Your Endpoint\"), \n       \"Your Model Name\"\n   );\n   ```\n\n---\n\n### 4. Build and Run the Project\nRun the following command to build and start the application:\n```bash\ndotnet run\n```\n\n---\n\n### 5. Access the Application\nOnce the application starts, open your browser and navigate to the provided URL. You can now interact with the AI-powered task management system.\n\n![Gif image of Kanban-with-AI](BlazorApp/wwwroot/SmartKanban.gif)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fsyncfusion-blazor-kanban-with-ai","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Fsyncfusion-blazor-kanban-with-ai","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fsyncfusion-blazor-kanban-with-ai/lists"}