added screenshots

.github/workflows/deploy-pages.yml

@@ -22,7 +22,9 @@ jobs:
       run: dotnet workload install wasm-tools
 
     - name: Publish FormBuilder.DesignerApp Project
-      run: dotnet publish ./src/FormBuilder.DesignerApp/FormBuilder.DesignerApp.csproj -c:Release -p:GHPages=true -o dist/Web --nologo
+      run: |
+        export GH_PAGES=true
+        dotnet publish ./src/FormBuilder.DesignerApp/FormBuilder.DesignerApp.csproj -c:Release -p:GHPages=true -o dist/Web --nologo
        
     - name: Deploy to GitHub Pages
       uses: JamesIves/github-pages-deploy-action@v4

README.md

@@ -78,3 +78,8 @@ Once the projects are running, you can access them via the following URLs:
 - **[Integration Guide](docs/integration-guide.md)**: Integrate the Blazor Form Builder with your existing Blazor application.
 - **[Form Editor Component Reference](docs/form-editor.md)**: Design forms in your Blazor application using the `FormEditor` component.
 - **[Form Renderer Component Reference](docs/form-renderer.md)**: Render forms in your Blazor application using the `FormRenderer` component.
+
+## Screenshots
+![Form Designer 1](./docs/img/designer-app-1.jpg?raw=true)
+![Form Designer 2](./docs/img/designer-app-2.jpg?raw=true)
+![Form Renderer](./docs/img/designer-app-3.jpg?raw=true)

src/FormBuilder/Components/InitFormBuilder.razor.cs

@@ -17,8 +17,11 @@ public partial class InitFormBuilder : ComponentBase
 
     protected override async Task OnInitializedAsync()
     {
+        // Use relative path for GitHub Pages
+        var basePath = Environment.GetEnvironmentVariable("GH_PAGES") == "true" ? "./" : "/"; 
+
         await JSHost.ImportAsync(nameof(InitFormBuilder), 
-            "/_content/FormBuilder/Components/InitFormBuilder.js");
+            $"{basePath}_content/FormBuilder/Components/InitFormBuilder.js");
 
         LoadStaticFiles();
     }