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
  • 1. Running the App
  • 2. Firebase Project Setup
  • 3. Firebase Integration into our App
  • 4. Testing Grocery Dashboard App Login
  • 5. Hosting on Firebase
  • Completed Grocery Dashboard app setup

Was this helpful?

  1. How to use this Starter

Grocery Dashboard App - Setup

This page describes the steps to Setup and Deploy Grocery Dashboard App.

PreviousGrocery Dashboard And App Complete SetupNextGrocery Dashboard Testing

Last updated 4 years ago

Was this helpful?

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 for more info

It has 3 steps which are as follows. Make sure before these steps you must have completed the :-

  1. Running the App (Web Browser)

  2. New Firebase Project Setup

  3. Firebase Integration into our app

  4. Testing the app

  5. Hosting on Firebase

1. Running the App

2. Firebase Project Setup

3. Firebase Integration into our App

4. Testing Grocery Dashboard App Login

5. Hosting on Firebase

Completed Grocery Dashboard app setup

Now we have successfully run the Grocery Dashboard . We need to setup Grocery App to complete the next steps.

Go to section to complete this step. Here we will run our app in the development mode.

Go to section to complete this step. Here we will setup the firebase for our project, change permissions and rules, add web project and generate the required config. This step has to be done only once.

Go to section to complete this step. Here we will setup the environment files in Ionic project to connect to right firebase instance. Previously it will have config to our sample firebase. If the connection is proper and rules and permissions are right. You should get your app working.

Go to section to see how to do it. Now we have successfully integrated our Grocery App. Let us go back to the browser where we can test our Dashboard app for Login and other features.

Go to section to complete this step.

Go to the section to move to next major step.

Running the App ( Web Browser)
New Firebase Project Setup
Firebase Integration In Grocery Dashboard App
Grocery Dashboard Testing
Hosting on Firebase
Grocery App - Setup
docs
Initial Dev Environment Setup