Book Image

Learning Node.js for Mobile Application Development

Book Image

Learning Node.js for Mobile Application Development

Overview of this book

Table of Contents (21 chapters)
Learning Node.js for Mobile Application Development
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
14
Creating an E-Commerce Application Using the Ionic Framework
Index

Creating the project


We will start off by setting up the basic structure of our app. As before, we will go for a blank project and build our app from scratch to make sure that we understand how everything works:

  1. Create a new project folder for your app. Next, enter into the folder and execute the following from your terminal or command line:

    ionic start superNav blank
    
  2. Ionic will now download and configure everything you need in order to deploy a basic app (albeit not a very interesting one). You can see what it looks like by going into your project folder and executing the following command:

    ionic serve -l
    

    The output of this command is shown in the following screenshot:

Now that we have the basics in place, let's start adding some basic functionality.

Creating the basic app structure

We want to keep our app as simple as possible—a single screen with a map, together with a toolbar where we can place buttons for various utilities, such as finding the user's current location.

Let's create a basic...