# Grocery Dashboard And App Complete Setup

{% 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://enappd.gitbook.io/ionic-grocery-shopping-app-platform/extra/app-specific-requirements) ***for more info***
{% endhint %}

Let us discuss all the major steps in details. Some steps might be common to all apps like [Running the App (Web Browser)](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/setup-and-deployment/running-the-app-web-browser) . This page gives a quick overview of all steps needed - details are given in App specific pages.

### 1. Grocery Dashboard App - Setup

Go to [Grocery Dashboard App - Setup](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-dashboard-app-setup) section to complete the following steps for the **Dashboard** app.

1. Running the App (Web Browser)
2. New Firebase Project Setup
3. Firebase Integration into our app
4. Testing the app
5. Hosting the app

After successfully completing this step you should be able to see the following screen on Grocery Dashboard app.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5RExHwbUeg6WxRrGyC%2F-M5RHRUxRzRTMjAxYehi%2FScreenshot%202020-04-21%20at%203.59.54%20PM.png?alt=media\&token=07bf7e72-028f-45be-8c17-bd1c07157db6)

It should have the following product which were aded by you.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5RHUUA0yB-U1NKvSAI%2F-M5RHyuvtHcxCUn3tj5k%2FScreenshot%202020-04-21%20at%204.02.17%20PM.png?alt=media\&token=a1dc7abf-9221-4e6b-8f11-6ccf29ac21e2)

Go to your **Firebase console** and click on **Database**  shown under the **Develop** section.It should show you the following screen.

![](https://49959285-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqKJPcdFUudMSgr6xGy%2F-M5R2YFawg6ZV3cxRx_d%2F-M5R3APgktflIvMrNAcn%2FScreenshot%202020-04-21%20at%202.55.43%20PM.png?alt=media\&token=402da079-cd48-4a36-acd0-57ee9fa94974)

Check the **products** entry to verify that the category you created in the Dashboard is added to Database.

### 2. Grocery App

Go to [Grocery App - Setup](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-app-setup) section to complete the following steps for the **Dashboard** app.

1. Running the App (Web Browser)
2. New Firebase Project Setup
3. Firebase Integration into our app
4. Testing the app

After successfully completing this step you should be able to see the following screen on Grocery app.