|
| 1 | +@page "/samples" |
| 2 | + |
| 3 | +<MudPage FullScreen="FullScreen.FullWithoutAppbar" Row="1" Column="1"> |
| 4 | + <MudContainer MaxWidth="MaxWidth.Medium" Class="d-flex align-center justify-center"> |
| 5 | + <MudStack Spacing="4" Class="text-center"> |
| 6 | + <MudText Typo="Typo.h3"><b>Samples</b></MudText> |
| 7 | + <MudText Typo="Typo.subtitle2">Explore working examples and see UltimateAuth in action.</MudText> |
| 8 | + <MudText Typo="Typo.caption">Interactive online samples are coming soon.</MudText> |
| 9 | + |
| 10 | + <MudDivider /> |
| 11 | + |
| 12 | + <MudText Typo="Typo.body2"> |
| 13 | + All samples are available on GitHub. Clone the repository, open the solution |
| 14 | + and run the projects to play with real-world UltimateAuth implementation. |
| 15 | + </MudText> |
| 16 | + |
| 17 | + <MudGrid> |
| 18 | + <MudItem xs="12" md="6"> |
| 19 | + <MudPaper Class="pa-4 d-flex flex-column align-center justify-center" Style="background: transparent; min-height: 200px" Outlined="true" Elevation="0"> |
| 20 | + <MudText Typo="Typo.h6">Blazor Server (EF Core)</MudText> |
| 21 | + <MudText Typo="Typo.subtitle2">Full-featured sample with persistent storage using EF Core.</MudText> |
| 22 | + <MudButton Class="mt-4" Variant="Variant.Filled" Href="https://github.com/CodeBeamOrg/UltimateAuth/tree/dev/samples/blazor-server/CodeBeam.UltimateAuth.Sample.BlazorServer.EFCore" Target="_blank" StartIcon="@Icons.Material.Outlined.OpenInNew">View Source Code on GitHub</MudButton> |
| 23 | + </MudPaper> |
| 24 | + </MudItem> |
| 25 | + |
| 26 | + <MudItem xs="12" md="6"> |
| 27 | + <MudPaper Class="pa-4 d-flex flex-column align-center justify-center" Style="background: transparent; min-height: 200px" Outlined="true" Elevation="0"> |
| 28 | + <MudText Typo="Typo.h6">Blazor Server (InMemory)</MudText> |
| 29 | + <MudText Typo="Typo.subtitle2">Lightweight sample for quick setup without persistence.</MudText> |
| 30 | + <MudButton Class="mt-4" Variant="Variant.Filled" Href="https://github.com/CodeBeamOrg/UltimateAuth/tree/dev/samples/blazor-server/CodeBeam.UltimateAuth.Sample.BlazorServer" Target="_blank" StartIcon="@Icons.Material.Outlined.OpenInNew">View Source Code on GitHub</MudButton> |
| 31 | + </MudPaper> |
| 32 | + </MudItem> |
| 33 | + |
| 34 | + <MudItem xs="12"> |
| 35 | + <MudPaper Class="pa-4 d-flex flex-column align-center justify-center" Style="background: transparent; min-height: 200px" Outlined="true" Elevation="0"> |
| 36 | + <MudText Typo="Typo.h6">Blazor WASM (Standalone)</MudText> |
| 37 | + <MudText Typo="Typo.subtitle2">Client-side sample using Hybrid authentication model.</MudText> |
| 38 | + <MudButton Class="mt-4" Variant="Variant.Filled" Href="https://github.com/CodeBeamOrg/UltimateAuth/tree/dev/samples/blazor-standalone-wasm/CodeBeam.UltimateAuth.Sample.BlazorStandaloneWasm" Target="_blank" StartIcon="@Icons.Material.Outlined.OpenInNew">View Source Code on GitHub</MudButton> |
| 39 | + </MudPaper> |
| 40 | + </MudItem> |
| 41 | + |
| 42 | + <MudItem xs="12" md="6"> |
| 43 | + <MudPaper Class="pa-4 d-flex flex-column align-center justify-center" Style="background: transparent; min-height: 200px" Outlined="true" Elevation="0"> |
| 44 | + <MudText Typo="Typo.h6">UAuthHub</MudText> |
| 45 | + <MudText Typo="Typo.subtitle2">Complete Auth server with UI, working together with WASM client.</MudText> |
| 46 | + <MudButton Class="mt-4" Variant="Variant.Filled" Href="https://github.com/CodeBeamOrg/UltimateAuth/tree/dev/samples/UAuthHub/CodeBeam.UltimateAuth.Sample.UAuthHub" Target="_blank" StartIcon="@Icons.Material.Outlined.OpenInNew">View Source Code on GitHub</MudButton> |
| 47 | + </MudPaper> |
| 48 | + </MudItem> |
| 49 | + |
| 50 | + <MudItem xs="12" md="6"> |
| 51 | + <MudPaper Class="pa-4 d-flex flex-column align-center justify-center" Style="background: transparent; min-height: 200px" Outlined="true" Elevation="0"> |
| 52 | + <MudText Typo="Typo.h6">Resource API</MudText> |
| 53 | + <MudText Typo="Typo.subtitle2">Example of securing application APIs using UltimateAuth.</MudText> |
| 54 | + <MudButton Class="mt-4" Variant="Variant.Filled" Href="https://github.com/CodeBeamOrg/UltimateAuth/tree/dev/samples/resource-api/CodeBeam.UltimateAuth.Sample.ResourceApi" Target="_blank" StartIcon="@Icons.Material.Outlined.OpenInNew">View Source Code on GitHub</MudButton> |
| 55 | + </MudPaper> |
| 56 | + </MudItem> |
| 57 | + </MudGrid> |
| 58 | + |
| 59 | + <MudAlert Severity="Severity.Info" Class="mt-6" ContentAlignment="HorizontalAlignment.Center"> |
| 60 | + <b>WASM Sample Setup:</b><br /> |
| 61 | + Start the following projects together:<br /> |
| 62 | + (1) UAuthHub<br /> |
| 63 | + (2) ResourceApi<br /> |
| 64 | + (3) BlazorStandaloneWasm<br /> |
| 65 | + After opening the solution, configure multiple startup projects in Visual Studio. |
| 66 | + </MudAlert> |
| 67 | + |
| 68 | + <MudAlert Severity="Severity.Info" Class="my-6"> |
| 69 | + Each sample refreshes (clear + seed) it's data on each restart. When you close application it will be reset. |
| 70 | + </MudAlert> |
| 71 | + </MudStack> |
| 72 | + </MudContainer> |
| 73 | +</MudPage> |
0 commit comments