Simple App with WebAssembly you own this product

This free project is part of the liveProject series Build Web Apps with Blazor
C# (types, generics, namespaces and loops) • .NET ecosystem • .NET SDKs (NET 6.0 and ASP.NET Core) • basic HTML • basic CSS selectors and values • basic Git/GitHub commands and techniques
skills learned
component model basics • dependency injection • calling HTTP services • data binding • state management basics
Ed Charbeneau
1 week · 6-8 hours per week · INTERMEDIATE

placing your order...

Don't refresh or navigate away from the page.
This free project is part of the liveProject series Build Web Apps with Blazor explore series
Check your email for instructions on accessing Simple App with WebAssembly (liveProject)
continue shopping
adding to cart

choose your plan


only $41.67 per month
  • five seats for your team
  • access to all Manning books, MEAPs, liveVideos, liveProjects, and audiobooks!
  • choose another free eBook every time you renew
  • choose twelve free eBooks per year
  • exclusive 50% discount on all purchases
  • Simple App with WebAssembly eBook for free
Look inside

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.

project author

Ed Charbeneau

Ed Charbeneau is a six-time Microsoft MVP and an international speaker, writer, online influencer, a Principal Developer Advocate for Progress Software, and an expert on all things web development.

Ed has shared his insights, experiences, and advice around collaboration, knowledge management, social computing, and training at many industry events around the world. He’s a creative community builder and outside-the-box thinker. He has relationships throughout the world within the areas of internal communications, employee engagement, and marketing as well as IT, with a focus on financial, healthcare, manufacturing, agency, and professional services. He’s defined, architected, and implemented line-of-business solutions with UX best practices and a touch of style that’s all his own.


This liveProject is for .NET developers with C# experience who are looking to modernize their skills with Blazor. To begin these liveProjects you’ll need to be familiar with the following:

  • LINQ
  • Visual Studio (preferred, though Visual Studio Code and the dotnet CLI (Command Line Interface) may be used as an alternative)
  • .NET ecosystem
  • .NET SDKs (NET 6.0 and ASP.NET Core)
  • Basic HTML
  • Basic CSS selectors and values
  • Basic Git/GitHub commands and techniques

you will learn

In this liveProject, you’ll learn to build a wide range of application features, using the Blazor WebAssembly hosting model.

  • Component architecture (various implementations of components)
  • HttpClient (fetching data and handling errors)
  • State management (implement a simple App State to cache data)


You choose the schedule and decide how much time to invest as you build your project.
Project roadmap
Each project is divided into several achievable steps.
Get Help
While within the liveProject platform, get help from other participants.
Compare with others
For each step, compare your deliverable to the solutions by the author and other participants.