Chapter 3. Start Building Your First Ionic App

In this chapter, we will build our first Ionic App and build it to test on actual devices. Starting a project seems to be the toughest step but if done well, eases the whole process. It is rightly said, "well begun is half done," so we will learn how to start our project perfectly and create the skeleton for our project. All the options of the starter templates available with Ionic Framework will be explained in detail. In this chapter, we will learn about Ionic Framework while building a sample e-commerce Mobile App. In this chapter, we will discuss the design and architecture for our app. The topics covered in this chapter are as follows:

In Ionic Framework, starting a project has been made very easy, and using the library is straightforward too. Ionic Framework is perfect for those people who are individual developers looking to launch their Mobile App into the market, or techie entrepreneurs who are planning to start a mobile business. Ionic Framework has a smooth learning curve and reading this book can be used to develop a production-ready Hybrid Mobile App.

All the code samples in the subsequent chapters will be streamlined and organized around building the e-commerce Mobile App talked about in this chapter. In this journey, anyone can learn how to take your ideas from the design phase to market launch.

In this chapter, we will also learn in detail how to test our apps in browsers or emulators. Mobile Apps are very cumbersome to debug as we cannot see the output of console logs from the actual devices or emulators. We will learn about various methods to aid this process and help to resolve multiple issues arising during the development phase.