Grocery Dashboard And App Complete Setup

This page provides an overview of the steps included in the setup. There are separate 2 sections for the setup of Dashboard and App as explained below.

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

Let us discuss all the major steps in details. Some steps might be common to all apps like 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 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.

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

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

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 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.