> For the complete documentation index, see [llms.txt](https://enappd.gitbook.io/ionic-grocery-shopping-app-platform/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-grocery-shopping-app-platform/how-to-use-this-starter-1/grocery-dashboard-app-setup/testing-dashboard-after-firebase.md).

# Grocery Dashboard Testing

### Test the app

### 1. Login using Email

Open your grocery dashboard app running on localhost and refresh it. The welcome screen is as shown below. Fill your **Email** and **Password** for the user you created in above step.

![](/files/-M5N8PT4wA_vkjvq0mAw)

Click on **LOGIN**. It should show you the following screen.

![](/files/-M5NA9t9KYK713APzRKw)

### 2. Adding New Product

Click on **Products** shown under the **Grocery** **Dashboard** section.It should show you the following screen and click on **ADD NEW PRODUCT**

![](/files/-M5QGTtcGT5eMPOdzOsi)

**ADD PRODUCT** screen will open which is shown below.

![](/files/-M5QGYTo66mS621n-ESb)

Fill out all the details and click SAVE

![](/files/-M5QGci8UKr80PJs4kF4)

It should show you the following screen with message **Updating** **product**

![](/files/-M5QGiQDrXHdOKnx3mlZ)

The **Products** section should show you the following screen where the product you added will appear as follows.

![](/files/-M5QGnTC_t2-XBciXjEF)

### 3. Adding New Category

Click on **Category** shown under the **Grocery** **Dashboard** section.It should show you the following screen and click on **ADD NEW CATEGORY**

![](/files/-M5QNvL2e8xVfvRKrGJA)

**ADD CATEGORY** screen will open which is shown below.

![](/files/-M5QO2klw3mJWL1bYJym)

Fill out all the details and click SAVE

![](/files/-M5QO9HHDhCTMQQRRHNB)

It should show you the following screen with message **Updating** **product**

![](/files/-M5QOEODszUY-4Ez_ANZ)

The **Category** section should show you the following screen where the product you added will appear as follows.

![](/files/-M5QOJFfh-De_kk98UzB)

### Optional

Go to **Products** section. Edit the product by updating its **Category** to the new category you created in above step.

### 4. Adding New Offer

Click on **Offer** shown under the **Grocery** **Dashboard** section.It should show you the following screen and click on **ADD NEW OFFER**

![](/files/-M5Qw3RmLW-B-0-6Resb)

**ADD OFFERS** screen will open which is shown below.

![](/files/-M5Qw92w4LfE34EulZ_3)

Fill out all the details and click SAVE

![](/files/-M5QwGRFZOLpNN7m-bKD)

It should show you the following screen with message **Updating** **product**

![](/files/-M5QwMkLkfRGEX6a8A0Z)

The **Offer** section should show you the following screen where the product you added will appear as follows.

![](/files/-M5QwRKifsA3ffyQWtA7)

### 5. Home Page

The **Dashboard** will show you the following screen with an updated list of Product and Category you added in previous steps.

![](/files/-M5QH7MbOCe2qxw_WOcI)

### 6. Changing Theme

Click on **Select Themes** and check different themes available. The dark theme is as shown below.

![](/files/-M5QwbveSUKBQUxJtjEJ)

### Hosting the app

Go to [Hosting in Firebase](/ionic-grocery-shopping-app-platform/firebase-setup/hosting.md) section to complete the next step of hosting our app on firebase.