# 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***](/ionic-grocery-shopping-app-platform/extra/app-specific-requirements.md) ***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)](/ionic-grocery-shopping-app-platform/setup-and-deployment/running-the-app-web-browser.md) . 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](/ionic-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-dashboard-app-setup.md) 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.

![](/files/-M5RHRUxRzRTMjAxYehi)

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

![](/files/-M5RHyuvtHcxCUn3tj5k)

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

![](/files/-M5R3APgktflIvMrNAcn)

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](/ionic-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-app-setup.md) 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-dashboard-and-app-complete-setup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.