While we now know that Ext JS can help with the creation of a touch-friendly interface, does our design suggest any other ideas that Ext JS might not be able to cope with? Remember that the design phase is an exploration of what works for the user and what is possible with the technology at hand. Let's break it down:
Ext.grid.Panel
class with most features, such as headers, disabledExt.view.View
class (also known as a DataView), as we need to include custom HTML for each product to display an image and other detailsOther than this, we just need modal windows (which Ext JS supports), another grid for the shopping cart, a few form fields for the login and registration. We're pretty much there.
In addition to this, we'll use routing to provide the ability to bookmark categories or products, which allows the user to share links. We'll also use view models and events to wire everything together. The data will again be drawn from a server-side API, so let's look at this next.