Chapter 2. Creating a Mobile Enabled Shopping Cart with HTML5, jQuery, and TaffyDB, Part 2

The changing mobile landscape and emerging web technologies dictate that working with mobile commerce requires a new approach to an old problem. In Part 2 of this tutorial (see Chapter 1 for Part 1) for creating a simple mobile commerce site that provides an interactive shopping experience over low-bandwidth connections, I will walk through using an HTML5 database to store a shopping cart. Once that’s wrapped up, I’ll show you how to submit the shopping cart to a server at the time of checkout.

You will be able to complete this tutorial using a standard web browser that has support for HTML5 databases and a text editor. If you’d like to follow along, you can download the files for the project template here. The final source files that you’ll have created by the end of this tutorial are here.

Screenshots of the completed app are shown below, and you can interact with a live demo of the final project here.

Screenshot of the final app; Store View
Figure 2-1. Screenshot of the final app; Store View
Screenshot of the final app; Category View
Figure 2-2. Screenshot of the final app; Category View
Screenshot of the final app; Product View
Figure 2-3. Screenshot of the final app; Product View
Figure 2-4. Screenshot of the ...

Get Building eCommerce Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.