ionic 5 food delivery full (Android + iOS + Admin Panel PWA) app with firebase

Here is an example of how to configure the Ionic 5 food delivery full (Android + iOS + Admin Panel PWA) app with Firebase:

Step 1: Create a Firebase Project

Go to the Firebase console (https://console.firebase.google.com/) and create a new project. Note down the project ID as you will need it later.

Step 2: Create Firebase Realtime Database

In the Firebase console, navigate to the Realtime Database section. Click on "Create Database" and select "Realtime Database". Note down the Realtime Database URL as you will need it later.

Step 3: Configure Firebase Authentication

In the Firebase console, navigate to the Authentication section. Enable the "Email/Password" sign-in method and note down the API Key, Auth Domain, and Project ID as you will need them later.

Step 4: Create Firebase Cloud Functions

In the Firebase console, navigate to the Cloud Functions section. Create a new cloud function by clicking on "Create Function". Choose the "HTTP" trigger type and set the function to return a JSON response.

Step 5: Configure Ionic App with Firebase

In your Ionic 5 project, open the app.module.ts file and add the following code:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicModule } from '@ionic/angular';
import { FirebaseModule } from 'angularfire2';
import { environment } from '../environments/environment';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    FirebaseModule.forRoot({
      apiKey: '<API_KEY>',
      authDomain: '<AUTH_DOMAIN>',
      databaseURL: '<REALTIME_DATABASE_URL>',
      projectId: '<PROJECT_ID>',
      storageBucket: '<STORAGE_BUCKET>',
      messagingSenderId: '<MESSAGING_SENDER_ID>'
    }),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

Replace the placeholders with your Firebase API Key, Auth Domain, Realtime Database URL, Project ID, Storage Bucket, and Messaging Sender ID.

Step 6: Configure Firebase Realtime Database Rules

In the Firebase console, navigate to the Realtime Database section. Click on the three vertical dots next to the Realtime Database URL and select "Rules". Replace the default rules with the following code:

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

This sets the Realtime Database to allow read and write access to all users.

Step 7: Configure Firebase Cloud Functions

In the Firebase console, navigate to the Cloud Functions section. Click on the three vertical dots next to the cloud function you created earlier and select "Deploy". This will deploy the cloud function to Firebase.

That's it! You should now have a fully configured Ionic 5 food delivery full (Android + iOS + Admin Panel PWA) app with Firebase.

Here are all the features about the ionic 5 food delivery full (Android + iOS + Admin Panel PWA) app with Firebase:

1. Fully Functional: The app is fully functional and ready to use with Firebase backend.
2. Three Main Apps: The app includes three main apps: User App, Restaurant App, Delivery App, and an Admin Panel with PWA support.
3. Multi-Restaurant Support: The app supports multiple restaurants.
4. Multi-Language Support: The app supports multiple languages.
5. Multi-Payment Gateway: The app supports multiple payment gateways, including Cash on Delivery, PayPal, and Stripe.
6. Unique and Attractive UI: The app has a unique and attractive user interface.
7. Address From Geo Location: The app can fetch addresses from the user's geo location.
8. Live Location Tracking: The app provides live location tracking.
9. Push Notification with Custom Alert: The app allows for push notifications with custom alerts.
10. Print Order for User: The app allows users to print their orders.
11. Admin Invoice Generator: The app generates invoices for administrators.
12. Restaurant Reviews: The app allows restaurants to review each other.
13. Food Reviews: The app allows users to review food.
14. Driver Reviews: The app allows users to review delivery drivers.
15. Live Demo: The app has a live demo.

Updated Features:

1. Food Variations: The app supports food variations.
2. Easy Currency Change: The app allows for easy currency changes.
3. Offer Percentage Issue Fix: The app has a fix for the offer percentage issue.
4. Fixed Bugs: The app has fixed bugs.

Additionally, the app has some screenshots and demo images to showcase its features:

• User App: user.gif
• Restaurant App: rest.gif
• Driver App: driver.gif
• Some other images showing the app's features, such as:
  • Responsive design: responsive.png
  • Payment gateways: payment.png
  • PWA support: pwaSupport.png
  • Languages: LANGUAGES.png
  • Attractive UI: attract.png
  • Optimized app: optimized.png
  • Cities: cities.png
  • Notifications: notifications.png
  • Discounts: discount.png
  • Print order: printer.png
  • Documentation: docs.png

To buy the app or ask for more information, please contact contactatracp@gmail.com.