Blazor CRUD is a demo application built with the Blazor framework using the client-side hosting model with WebAssembly in the browser invoking .NET Core REST APIs secured by a JWT service. To browse the two components of the application, follow the links below. For authenticated pages and APIs, use the credentials (user@beckshome.com / Password123).
- Blazor CRUD Application - A client side hosted WASM application built using Blazor. The application highlights CRUD data entry for entities, data pagination, client-side validation using Data Annotations, and authentication and authorization using JWT tokens.
- Blazor CRUD REST API - A REST API for CRUD with non-read API calls secured with JWT. The API includes a call to authenticate users and receive a JWT bearer token.
Blazor CRUD uses the following DevOps environment and tools to support a CI / CD process:
- GitHub Source Code Repository - All source code is stored in the GitHub repository, which is where you currently find yourself.
- Azure DevOps for CI/CD - Azure DevOps is used for continunous integration and continuous delivery (CI/CD). Builds and deployments are initiated with every cheackin to the main brach of the solution in GitHub.
- Online Demo Site to Explore the Application
- CI/CD Using Azure DevOps
- Dashboard Page
- Entity Lists with Pagination and Search
- Modal Data Entry Forms with Validations
- Complex Data Entry with Object Graph Validations
- File Upload and Download Using JavaScript Interop
- Batch processing of JSON files ( Patients, Organizations, and Claims ) for data upload.
- REST Interfaces with Swagger Documentation
- Javascript Web Token (JWT) Authentication
- Automation of Azure Infrastructure Setup
- Data Generation to Pre-Populate Thousdands of Entity Records
- AutoMapper for object-object mappings.
- Azure Fluent Management for Azure automation from C#.
- BlazorInputFile for file upload.
- BlazorStorage for local and session storage in the browser.
- BlazorStrap Bootstrap 4 components for Blazor.
- Blazor.Toastr for Toastr-style notifications.
- Bogus for data generation.
- ChartJs.Blazor Blazor component that wraps ChartJs widgets for dashboard.
- FluentValidation For entity validation, including complex object graph validations.
- Swashbuckle for Swagger document generation.