Clear Measure used Blazor to help ShoWorks host live auctions

Business problem

In March 2020, fairs across North America experienced interruptions due to COVID-19. This jeopardized the business of thousands of exhibitors who had already purchased livestock to raise and sell at their local auctions. Auctions are historically the best way for exhibitors to recuperate their costs and earn extra money to purchase future animals and invest in their future education.

ShoWorks needed to develop an online auction solution that seamlessly integrated with the entry and back-office capabilities they already had in place. The solution needed to go-live quickly, in only a few of weeks. Working with Clear Measure architects, they used .NET and Blazor Server to quickly build out a go-live solution soon after identifying the need.

Why Blazor?

The ShoWorks team considered various modern development technologies for this project. The ShoWorks platform has used Microsoft development technologies for decades, so it was natural to evaluate Microsoft technologies for the new auction system. The solution needed to be responsive and accessible to both desktop and mobile devices. The system would also need to support transactional and batch processing.

The ShoWorks team chose Blazor because they needed an extremely fast time-to-market in order to address the auction environment created by Covid-19. While Blazor was relatively new when the project started, the team researched the roadmap including the planned future support of Blazor on desktop operating systems as well as mobile. The current team was skilled in HTML, CSS, C#, and JavaScript.

Further, the ShoWorks system resides in Azure, making the tight integration with other .NET technologies and the native experience in Azure a great choice. All-in-all, the system makes use of the following technologies:

• .NET 6
• Blazor Server
• Entity Framework
• SQL Server LocalDB
• Azure SQL DB
• Azure Blog Storage
• Azure Service Bus
• Azure AppService
• Azure Functions
• Azure Logic Apps
• Azure SignalR Service
• Azure Application Insights

Implementation strategy

ShoWorks created an easily changeable application by implementing a bus pattern and sending commands and query objects from the Blazor components. The application was built using Test-Driven Development, which is another reason for the fast speed to launch. They used Selenium-based tests, which work well with Blazor. By having a comprehensive test strategy, the team reduced the number bugs and was able to focus more time on improving the software. ShoWorks built the public bidding application using Blazor Server but plans to switch to Blazor WebAssembly to transfer the processing and memory consumption to the client device for better cost savings in the future.

The ShoWorks team particularly likes Blazor's ability to integrate with every part of the web ecosystem. They're currently taking advantage of this in two key ways. For one, the team plans to implement a Windows 11 system tray application that utilizing Blazor inside of WebView2. They're taking this capability even further this year as they plan to develop a new county fair smartphone app using the upcoming .NET MAUI release with Blazor.

Implementation results

Blazor allowed ShoWorks to host their first virtual auction in just five weeks. Those weeks consisted of two weeks of planning and architecting, and three weeks of development. The pace of development was faster than any previous web development technology ShoWorks has tried. Additionally, the .NET skillset was perfectly transferable, allowing ShoWorks to implement an amazing number of features in less time than they had imagined.

The real-time nature of an auction event made for an even more interesting challenge. Because Blazor Server is stateful and based on SignalR real-time messaging, ShoWorks has been able to offer virtual and live auction modes where the auctioneer can sell to users and conduct the bidding process in real-time.