Deliver more than just healthy food to BellyBox’s customers. Startup BellyBox was founded by .NET engineers who chose the .NET platform to launch their online grocery delivery application. As a developer, your task is to create customer pages and user interface components that serve up a five-star user experience. You’ll set up a frontend Blazor WebAssembly project, connect it to an ASP.NET Web API server, and build components to display a highly customized interactive storefront. You’ll learn component architecture and state management essentials, as well as communicating with data services using HttpClient.

Improve the reliability of BellyBox’s online grocery delivery application. As a developer for the startup, you’ll validate the functionality of the Blazor application using .NET testing methodologies. You’ll create and configure a Blazor test project using the bUnit test framework, write component tests using xUnit and bUnit to test layout components, use AutoData to test data-bound components, and use fakes and mocks to test components that depend on external data. By the end of this liveProject, you’ll have fully tested the application’s UI components and have full confidence in the application’s reliability.

You’re a developer for BellyBox, an online grocery delivery company. Your task is to add a shopping cart and checkout process to its storefront Blazor web application. Using state management techniques in Blazor, you’ll develop patterns to manage data communication between components and pages. Using HttpClient, you’ll implement CRUD (create, read, and update) operations to enable communication with the backend server. When you’re finished, you’ll have provided a functional and pain-free checkout process that’s sure to have BellyBox’s tech-savvy customers checking in again.

Add security, an essential ingredient in the recipe for a successful application. As a developer for BellyBox, an online grocery delivery company, your task is to secure the startup’s storefront web application using Blazor’s authentication and authorization features. You’ll keep customers’ identities secret by adding support for anonymous customers using Blazor’s JavaScript interop, then save their data to localStorage. You’ll also modify the checkout process by developing an order history that’s only visible to authenticated users. To handle anonymous and authenticated API traffic, you’ll configure named HttpClient services. By the end of the liveProject, you’ll have mastered services and components for authorizing users in Blazor, and provided a safe and secure online shopping experience for BellyBox’s customers.