> For the complete documentation index, see [llms.txt](https://enappd.gitbook.io/ionic-5-food-ordering-template/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://enappd.gitbook.io/ionic-5-food-ordering-template/running-the-app.md).

# Running the app

Steps to follow for running your app on browser, device or deploy as PWA

{% hint style="success" %}
***Remember to enter your own GOOGLE API KEY in the source code in the place of YOUR\_API\_KEY. Without this api key, many functionalities might not work, especially maps. Check the*** [***docs***](https://developers.google.com/maps/documentation/javascript/get-api-key) ***for more info***
{% endhint %}

## Run the app on Browser

Once you have the [initial setup](/ionic-5-food-ordering-template/initial-setup.md) done, it's time to run your app. First we'll run the app in development environment. In development environment, your app runs in a browser (of your choice). It is recommended to make all changes and development while running the app on browser . Running on device while developing will be too time consuming.‌

To run the app on browser, run

```
$ ionic serve
```

on your command line, inside your project folder. This will build the project and deploy it on a `localhost` url (usually it is `localhost:8100`). Your command line will look like this‌

![](https://2208669250-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqyzgzOgrLqoeN3iFfy%2F-Lqz-9u8D8-tJxmqBgIl%2F-Lqz5_uB3sr-d7r70uTh%2Fassets_-LqtxN3m30k544CBSZb__-Lqu3JzqDF5yKByWdI0M_-Lqu3msP8JhZyODWLfUN_assets_-LqBqAw4qSMckDjeSSDw_-LqGO_Gi1JCkLUT9J3xO_-LqGjqDQZt3LTITbJaaY_assets_-La-kqVz2Uq1Ka0VUWZT_-LaBSIQaCsUVAP5QmRgn_-LaBTFGrkCzUKYK6OGrN_Screen%20Shot%202019-03-17%20at%209.51.png?alt=media\&token=9238f08f-ebb1-4d9a-8a60-2adfffbf9f9e)

The initial deploy process will take some time when it creates "chunks" of code pieces. Once you see `compiled successfully` , you are good to go. Your browser window will open automatically and load the app in a full screen view.‌

To change the app to a device view, right click anywhere on the browser and choose `Inspect Element`and choose device mode.‌

More about browser development tools can be found out in following links‌

* ​[Chrome Dev Tools](https://developers.google.com/web/tools/chrome-devtools/device-mode/)​
* ​[Firefox Dev Tools](https://developer.mozilla.org/en-US/docs/Tools)​