Build an AI-powered content composer in Blazor

on YouTube ↗17m

" summary

A Blazor WebAssembly app that wires GPT-3.5 Turbo (via the Azure.AI.OpenAI library or non‑Azure OpenAI key) to Syncfusion Blazor UI components to generate, preview, insert and rephrase document content. It uses .NET 8, appsettings.json for keys, Syncfusion Word Processor plus inputs/dropdowns/buttons, shows a skeleton while waiting for completions, accepts tone/format/length chips, and replaces selected text from the editor via a context‑menu rephrase with AI action.

AI-written summary · about

" chapters (10)

1. 0:00Introduction and agenda
2. 1:26Prerequisites and setup
3. 2:55Project creation
4. 4:29OpenAI service setup
5. 6:49Chat completion service
6. 8:27UI components installation
7. 10:19Developing the UI
8. 12:28Word processor integration
9. 13:43Rephrasing feature
10. 15:09Conclusion and resources

" related talks

• 01h 02mBuilding intelligent applications with Blazor and Open AI ServiceJustin Yoo · .NET Conf 2023 Student Zone
• 46mIntro to Blazing Web Accessibility (*)Dennie Declercq · Build Stuff 2021
• 48mGetting started with generative AI using Azure OpenAI ServicePablo Castro, Andy Beatman, Dom Divakaruni, Nannette Sperling, Keiji Kanazawa, Derek Legenzoff, Christian Montecillo, Alison Walters · Microsoft Build 2023
• 20mBuild Intelligent Apps with .NET and AzureDavid Pine, Luis Quintanilla · Microsoft Build 2023
• 56mModern Web UI with Blazor WebAssemblySteve Sanderson · NDC Oslo 2020
• 01h 01mBlazor, a new framework for browser-based .NET appsSteve Sanderson · NDC London 2020
• 53mCreating Next-Generation Applications with BlazorChris Sainty · DotFest 2020
• 31mSupercharge Your Web App with an AI Writing Companion with Q&AVanessa Otto · Frontend Nation 2024