1. Home
  2. Docs
  3. Ionic Food Delivery – Single
  4. User App

User App

Step 1: Update Firebase Rules

– Navigate to user/src/environments/environment.prod.ts
– 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

For Android

ionic cordova platform add android
ionic cordova build android

For iOS

ionic cordova platform add ios
ionic cordova build ios

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 (https://console.developers.google.com/billing/) to avoid these errors.

Please visit for more info: https://cloud.google.com/maps-platform/pricing/