Getting to know our Candy Store app

The app that we will be building throughout several of the following chapters will be a typical eCommerce app. You can check out the initial code for this chapter by going to the folder CH03/initial, and you can view the final result, as well as step-by-step refactoring, via the git commit history in CH03/final. Now, let’s take a look at the wireframes of the app that we will be working with, starting with MainPage and ProductsPage:

Figure 3.1 – The Candy Store app wireframe for MainPage and ProductsPage

The initial version of the app will consist of only two functional pages and its root will be MaterialApp. The app will be made up of the following components:

• MainPage: This is the wrapper page for the app. ProductsPage is its child, and the Cart button is also part of it.
• ProductsPage: This is a simple ListView that builds ProductListItemView. Each ProductListItemView is backed up by a data...