Ionic:Hybrid Mobile App Development
上QQ阅读APP看书,第一时间看更新

E-commerce sample app – BookStore

From the subsequent sections, we will be creating a sample app while learning about different Ionic components and features. Using this approach, you will be able to develop a complete app at the end of this chapter. The code samples used in the following chapters will be available online.

E-commerce is a hot category for Mobile Apps these days, so we will be creating an e-commerce app for books and will call it BookStore. The features of this app and its basic architecture is discussed here.

Features

The e-commerce sample app BookStore will be a basic shopping and book management app that has a list of books with the ability to buy or rent them. The proposed features we intend to cover in the code samples are as follows:

  • List of book categories
  • Book listings under categories and popular/featured listings
  • User account section:
    • Login/register
    • Profile
    • Purchased books/rented books
    • Maps
  • Shopping section:
    • Add to cart
    • Edit cart
    • Checkout

Architecture and design

We will be using the side menu template as a skeleton for this app. The side menu will contain links for the user account section and the categories list. We will be using a dummy REST API to source data for the mobile application. The Ionic App will contain a basic service layer consisting of multiple Angular services to integrate with this service.