Updates

Author: jamesmontemagno

Part 4 - Azure OpenAI/README.md

@@ -56,10 +56,12 @@ To use Azure OpenAI, you need to set up resources in Azure:
 
 1. **Create an Azure OpenAI resource**:   - Navigate to the Azure portal (<https://portal.azure.com>)
    - Click "Create a resource" and search for "Azure OpenAI"
+   - Create a new resrouce group: **rg-aiworkshop**
    - Fill in the required details:
      - **Subscription**: Will be pre-selected based on your Azure account
      - **Resource group**: Select an existing resource group if you are doing this in a managed environment or create a new one (e.g., "rg-mygenaiapp")
      - **Region**: Select a region close to you (e.g., "East US" or "West Europe")
+     - **Name**: This is a unique name, so please do something unique to you like **mynamelocationworkshop**
      - **Pricing tier**: Select "Standard" (this is the only option available for Azure OpenAI)
    - Click "Next" on the following screens (leaving the default settings) and then "Create"
 

Part 5 - Products Page/README.md

@@ -388,6 +388,37 @@ This eliminates the need for manual string manipulation and provides compile-tim
 
 For more information about structured output capabilities in Microsoft.Extensions.AI, see the [official documentation](https://learn.microsoft.com/en-us/dotnet/api/microsoft.extensions.ai.chatclientstructuredoutputextensions).
 
+## Add Required Packages and Update Imports
+
+We need to add the QuickGrid package and update our imports to include the necessary namespaces.
+
+1. Open the `GenAiLab.Web.csproj` file and add the QuickGrid package to the `<ItemGroup>` with other PackageReferences:
+
+```xml
+<PackageReference Include="Microsoft.AspNetCore.Components.QuickGrid" Version="9.0.7" />
+<PackageReference Include="Microsoft.Extensions.VectorData.Abstractions" Version="9.7.0" />
+```
+
+1. Open `Components/_Imports.razor` and add the missing using directives:
+
+```razor
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.Extensions.AI
+@using Microsoft.JSInterop
+@using Microsoft.AspNetCore.Components.QuickGrid
+@using GenAiLab.Web
+@using GenAiLab.Web.Components
+@using GenAiLab.Web.Components.Layout
+@using GenAiLab.Web.Models
+@using GenAiLab.Web.Services
+```
+
 ## Create the Products UI
 
 Now let's create the user interface for displaying our AI-generated products using QuickGrid component.
@@ -558,37 +589,6 @@ Let's add a link to our new Products page in the navigation.
     </div>
 ```
 
-## Add Required Packages and Update Imports
-
-We need to add the QuickGrid package and update our imports to include the necessary namespaces.
-
-1. Open the `GenAiLab.Web.csproj` file and add the QuickGrid package to the `<ItemGroup>` with other PackageReferences:
-
-```xml
-<PackageReference Include="Microsoft.AspNetCore.Components.QuickGrid" Version="9.0.7" />
-<PackageReference Include="Microsoft.Extensions.VectorData.Abstractions" Version="9.7.0" />
-```
-
-1. Open `Components/_Imports.razor` and add the missing using directives:
-
-```razor
-@using System.Net.Http
-@using System.Net.Http.Json
-@using Microsoft.AspNetCore.Components.Forms
-@using Microsoft.AspNetCore.Components.Routing
-@using Microsoft.AspNetCore.Components.Web
-@using static Microsoft.AspNetCore.Components.Web.RenderMode
-@using Microsoft.AspNetCore.Components.Web.Virtualization
-@using Microsoft.Extensions.AI
-@using Microsoft.JSInterop
-@using Microsoft.AspNetCore.Components.QuickGrid
-@using GenAiLab.Web
-@using GenAiLab.Web.Components
-@using GenAiLab.Web.Components.Layout
-@using GenAiLab.Web.Models
-@using GenAiLab.Web.Services
-```
-
 ## Update Program.cs for Services
 
 Now we need to register our new services and vector collection in the dependency injection container.