Ionic 5 - Grocery Shopping App Platform with Admin
  • Ionic 5 Grocery Platform with Dashboard
  • Why use this Starter
  • Admin Panel Features
  • SETUP AND DEPLOYMENT
    • Initial Dev Environment Setup
    • Running the App (Web Browser)
  • How to use this Starter
    • Grocery Dashboard And App Complete Setup
    • Grocery Dashboard App - Setup
      • Grocery Dashboard Testing
    • Grocery App - Setup
      • Grocery App Testing
    • Testing Integration of Grocery Dashboard and App
  • Extra
    • Understanding the Database
    • App Specific Requirements
    • Add More Features
    • FAQs
  • FIREBASE SETUP
    • New Firebase Project Setup
    • Firebase Integration
    • Hosting on Firebase
Powered by GitBook
On this page
  • Test the app
  • 1. Login using Email
  • 2. Adding New Product
  • 3. Adding New Category
  • Optional
  • 4. Adding New Offer
  • 5. Home Page
  • 6. Changing Theme
  • Hosting the app

Was this helpful?

  1. How to use this Starter
  2. Grocery Dashboard App - Setup

Grocery Dashboard Testing

PreviousGrocery Dashboard App - SetupNextGrocery App - Setup

Last updated 5 years ago

Was this helpful?

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.

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

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

ADD PRODUCT screen will open which is shown below.

Fill out all the details and click SAVE

It should show you the following screen with message Updating product

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

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

ADD CATEGORY screen will open which is shown below.

Fill out all the details and click SAVE

It should show you the following screen with message Updating product

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

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

ADD OFFERS screen will open which is shown below.

Fill out all the details and click SAVE

It should show you the following screen with message Updating product

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

5. Home Page

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

6. Changing Theme

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

Hosting the app

Go to section to complete the next step of hosting our app on firebase.

Hosting in Firebase