ionFoodDelivery - Single Restaurant

  1. Home
  2. Docs
  3. ionFoodDelivery – Single Restaurant
  4. User App

User App

Step 1: Update Firebase Rules

– Navigate to user/src/environments/
– update your firebase configurations
– Update your Google maps api key (steps mentioned below) with user/src/index.html

Step 2: Running Rider App

cd user
npm install
ionic serve

**Note:** If Ionic serve is not working, you can also execute following command (update ports as your wish)

ionic serve --dev-logger-port 53705 --livereload-port 35740 --port 8300

To generate apk

ionic cordova platform add [email protected]
ionic cordova build android

Execute ionic cordova resources before you build, if you faced any issue with icons or image not found

Common mistakes

– Update Google API Key with Driver App
– Add Geolocation plugin & whitelist plugin (if it didn’t added automatically)

ionic cordova plugin add cordova-plugin-geolocation
ionic cordova plugin add cordova-plugin-whitelist


Setup Map Key

We have used google maps api for displaying maps, calculating distance, markers ..etc. so we need to create google maps api key & update required files before starting remaining setup.

Step 1: Create new project


Step 2: Create API key

Step 3:

Once you created API key, you need to update with following files

  • user/src/index.html

Step 4: Enable All Required API

Navigate to library & choose google maps (view all) & enable all Required API’s

    • Geocoding
    • Geolocation
    • Maps JavaScript
    • Maps Places (aka Places API)

Important Update: Google Maps free API allows only one request / min. So must verify your credit card with Google Billing ( to avoid these errors.

Please visit for more info: