Designing our application

As part of the application development process, it is important that we understand how we will structure our application and connect it to the product API in order to achieve our final goal of creating a basic e-commerce application.

For this particular project, we will work on two main screens—the product's list items, the controller, and the product page. In addition to this, we will also focus on creating a basic functional side menu and a rudimentary purchasing option, which is nonfunctional at this stage.

Creating an Ionic project

We will start off our project by creating a project based on one of the Ionic starter templates that we didn't have an opportunity to use in the previous chapters. The side menu templates provide us with a side menu, a list item's view, and a list item's detailed view. This template should give us the necessary groundwork to create the ideal e-commerce application.

Open your terminal and input the following...