FoodNanny - Multi Restaurant Food Delivery App with PWA Website & Laravel Admin with AI Assistant

Start your own multi-restaurant food delivery business with FoodNanny, built-in tools for vendor management, deliveries, POS, payouts, and more. Ideal for startups to large marketplaces, it simplifies operations & boosts growth.

Basic Knowledge

To install, set up, and publish foodnanny with your branding, it's necessary to possess fundamental knowledge in server-side configuration.

  • IDE for Web development, we prefer VSCode.
  • Real server related knowledge like apache or local machine server, we prefere to use a real server.
  • Server related knowledge and we preferred cPanel in your server for quick installation
  • Basic knowledge in PHP, NPM, Vue, Node and Laravel.
  • Basic knowledge about firebase

Server Prerequisite

FoodNanny is dependent on PHP version 8.2 or higher and MySQL version 8.0 or later. Additionally, the following server configurations and PHP extensions are necessary. Before install, please make sure you have the components bellow enable on your server

  • PHP 8.2 or Greater
  • OpenSSL PHP Extension
  • PDO PHP Extension
  • Mbstring PHP Extension
  • Tokenizer PHP Extension
  • PHP JSON
  • PHP cURL
  • XML PHP Extension
  • Ctype PHP Extension
  • BCMath PHP Extension
  • PHP Zip Archive
  • Exif PHP Extension
  • Fileinfo PHP Extension

Typically, these extensions are enabled by default on most servers, but it is recommended that you confirm with your hosting provider.

Please proceed with caution and take great care in completing this task. Any errors made will not be the responsibility of our team.

cPanel Database Setup and File Configuration

Note: Remember! The script doesn't have any "install" folder or directory. The installation is controlled by a Controller.

Now Follow the steps below to setup the script:

  1. Unzip the downloaded package from here and open the Source Code folder. You will find the web folder. In web folder there is the foodnanny.zip file. you need to upload foodnanny.zip file to your hosting web server using FTP or cPanel, then you need to unzip this file, you will find "foodnanny" folder. You need to move all files and folders in your domain's document root directory.
  2. You will have these files and folders in your document root:

  3. Make sure /bootstrap/cache, /storage/framework and /storage/logs folder have permission as 755 recursively. If you don't have 755 permission in these folders, you have to give permission manually. To give permission right click on the folder and click "Change permission" button, you will see the prompt to change permission like the second image below. Select the checkboxes you can see in the second image.

  4. Before starting the installation, database must be configured for the application. For creating the database, the following ways must be maintained
    • From cPanel Go to MySQL Databases

    • Create a new database

    • Create a user for the database

    • Add a user to the database

    • Give privileges to the user

Installation

  1. Run the install script path from any web browser (http://yourdomain.com/install) and click on “Check Requirements” button.

  2. Now you can see your php extension list if it is already installed in all extension then you can see "Check Permissions" button. Now click on this button and go to next step

  3. Now you will see the folders permission list if everything is ok then click “License Setup”

  4. Provide your License Code, then click “Site Setup”

  5. Provide your App name and Domain name as App Url, then click “Database Setup”

  6. Provide your database information like Database Host, Database Port, Database Name, Database Username, and Database Password, then click “Final Setup”. Don't use # in your Database Password.

  7. Now you will see the login information (Email : admin@example.com, Password : 123456) then click “Finish” to exit

  8. Good Luck!!!

Tips Check our video tutorial! Watch Now

Within the administrative panel, we provide a designated section known as "System Settings." This particular area empowers you to configure various essential aspects of your business, such as your Company, Site, Frontend, Terms & Conditions, Mail, Pusher, Storage, Delivery Setup, OTP, Notification, Notification Alert, Social Media, Cookies, Analytics, Theme, Currencies, Rider Tips, Cuisines, About Steps, AI Agent, Benefits, Pages, Role & Permissions, Languages, SMS Gateway, Payment Gateway.

Tips Check our video tutorial! Watch Now

AI Assistant Setup & Usage Guide

1. AI Assistant Configuration

Step 1: Get an OpenAI API Key
  1. Visit the OpenAI Developer Platform and log in.
  2. Go to the API Keys section and click "Create new secret key".
  3. Copy the key immediately. ⚠️ Important: The key is visible only once. Store it securely.
💡 Note: AI features require a valid OpenAI account. Costs are billed directly by OpenAI based on your specific usage and plan.
Step 2: Backend Configuration

Navigate to Admin Panel → System Settings → AI Agent. Enter your API Key in the field and click Save.

AI Agent Config
Step 3: Enable Default Agent

Go to Admin Panel → System Settings → Site Settings. Under the "Default AI Agent" dropdown, select your preferred agent and save.

Enable AI Agent

2. How to Use AI Features

Once configured, Restaurant Owners can access the AI features from their respective panels. A smart AI Helper icon will be available on the right side of the dashboard.

AI Dashboard Icon

Clicking this icon opens a dedicated AI Chat Interface. Owners can interact with the agent to get any help or suggestions.

AI Chat Interface

Additionally, the AI integration helps in streamlining menu management. Owners can use the AI to generate attractive Item Names and professional Descriptions during the creation or editing of food items.

AI Content Generation
Usage Limits: Please note that AI usage for restaurant owners is subject to specific limits defined. Once the allocated usage limit is reached, access to the AI Agent will be temporarily restricted. Access will automatically resume once the limit is reset.

Firebase Push Notification Setup

To use firebase follow the procedure which are mentioned below
  1. Go to this URL to create a project https://console.firebase.google.com/u/0/. If you already have a project, continue with that.
  2. Then go to Project Settings and create an app.
  3. In Project Settings > General > "your created app", you will find apiKey, authDomain, projectId, storageBucket, messagingSenderId, appId, measurementId.
  4. Click on "Cloud Messaging". There you will find a button named "Generate key pair". Click it to get the KEY PAIR.
  5. Now in Project Settings, click "Service Account". There you will find a "Generate new private key" button. Click this button to get a JSON file.
  6. Then go to your "foodnanny" admin Dashboard > System Settings > Notification. Enter your credentials and save them.
  7. Now it's done.

Tips Check our video tutorial! Watch Now

How to configure multiple languages?

Translate your admin and website, follow these steps:

  1. Login into the admin panel.
  2. Go to System Settings -> Languages.
  3. Click On Add Language.
  4. Fill all field and add new language.
  5. Click on the view icon of the new language low in from the list.
  6. Select file from the dropdown option under Files tab and click get file content.
  7. All the lebels and language objectives will appear in the bottom of the field.
  8. Now update the value of all the input fields and click save.
  9. You do not change any word under the curly bracket text {}, example {name}.
  10. When all language is changed then run some command in your terminal or ssh panel.
npm install npm run build

Prerequisite

  • IDE (Android Studio or Vs code. Vs code recommended)
  • Ensure that you downloaded and install JDK 17 on your device.
  • Flutter SDK setup (version 3.38.7 stable)
  • JDK17 with path setup
  • Xcode 26.2 for IPA file build
  • Supported platform Android, ios

Initial Configuration

Run an existing flutter project on IDE

  • Open your vs code.
  • Go to your project folder location.
  • Now drag and drop your project folder on vs code.
  • In the terminal write "flutter pub get" command and wait for some moment.
  • Go to "pubspec.yaml" and press (CTRL+S) for saving.
  • Now open your emulator and select.
  • Run your project.

Tips Check our video tutorial! Watch Now

Change App Logo

  • Go to the project folder.
  • Go to the “to assets/icons” folder.
  • Find the “app-logo.svg” file and replace it with your logo file.
  • Your logo name must be the same and file format must be in svg.
  • Now restart your app and done.

Tips Check our video tutorial! Watch Now

Change App Icon

  • Open your browser and go to ‘https://www.appicon.co/’
  • Upload your app icon and click the generate button.
  • Make sure your app icon must be in PNG format.
  • For android unzip that file and copy the folder inside the android folder.
  • For ios unzip that file and copy the folder inside the ios folder.
  • For android open your project and go to ‘android/app/src/main/res/’.
  • For ios open your project and go to ‘ios/Runner/’.
  • Then paste it into that folder and restart your project.

Tips Check our video tutorial! Watch Now

Change App Name

  1. For Android Change the value of label from <project>/android/app/src/main/AndroidManifest.xml

    android:label="My App Name"

  2. For IOS Change the value of CFBundleName from <project>/iOS/Runner/info.plist

    <key>CFBundleName<key> <string>My App Name<string>

Tips Check our video tutorial! Watch Now

Setup License Key

Generate the license key from inilabs.net and copy the license key and setup in the app source code.

<project>/lib/util/api-list.dart
static String? licenseCode = "YOUR_LICENSE_CODE";

Change Base URL

To change base url replace baseUrl from

<project>/lib/util/api-list.dart
static String? baseUrl = 'https://your_domain.com';

Warning! Don’t put slash (/) at the end of your base url.

Tips Check our video tutorial! Watch Now

Configure Google Map Key

To Configure Google Map Key replace baseUrl /lib/util/api-list.dart 

 static const mapKey = "PUT YOUR MAP KEY HERE";

For Android <project>/android/app/src/main/AndroidManifest.xml 

 <meta-data android:name="com.google.android.geo.API_KEY" android:value="PUT YOUR MAP KEY HERE" />

For iOS <project>/android/app/src/main/AndroidManifest.xml 

GMSServices.provideAPIKey("PUT YOUR MAP KEY HERE")

Tips Check our video tutorial! Watch Now

Change App Primary Color

To change the app primary color, change the value of primaryColor with your own color hex code.

<project>/lib/config/theme/app_color.dart
static const Color primaryColor = Color(0xffF36805);

Setup Firebase for Push Notification

First you have to change your package name. If you didn’t then follow this.

  1. Create your own firebase project from https://console.firebase.google.com and also add an android app there with your own package name and app name.

    Warning Do not create multiple project if you have multiple app like User App, Delivery App. Create only one project and add multiple app under project.

  2. Click register app and download google-services.json file from there.

  3. Copy that file and paste it under <project>/android/app/ folder.

  4. For IOS again create an app under same project and download GoogleService-Info.plist and paste it under <project>/iOS/ folder. Also follow this documentation for full setup for IOS: https://firebase.flutter.dev/docs/messaging/apple-integration

Tips Check our video tutorial! Watch Now

App build & release

Build for Android

For debug app build you can run this command:

flutter build apk --no-tree-shake-icons

Build file location: <project>/build/app/outputs/flutter-apk/ For deploying it please follow this documentation: https://docs.flutter.dev/deployment/android

Build for iOS​

There are no general way to generate app for iOS. Apple doesn’t allow to install app like this debug way. If you want to install it on your iOS device then you have to deploy it on TestFlight or AppStore. For deploying it please follow this documentation: https://docs.flutter.dev/deployment/ios

Key Features Detailed

  • Multi-Vendor Restaurant: Support for unlimited restaurants with individual dashboards for menu and order management.
  • AI Agent (Magic Agent): Intelligent assistant for generating item descriptions, responding to reviews, and providing sales insights.
  • PWA Supported: Progressive Web App for a lightning-fast, app-like experience on both mobile and desktop.
  • Built-in Free POS: Powerful Point of Sale system for restaurants to handle walk-in customers and manual orders seamlessly.
  • Scheduled Delivery & Takeaway: Flexible ordering options allowing customers to choose between home delivery or self-pickup at their preferred time.
  • Order Tracking & Dispatch: Robust dispatch management with real-time order status tracking for customers and admins.
  • Multi-Language & RTL: Reach a global audience with built-in multi-language support, including RTL (Right-to-Left) for Arabic and similar languages.
How to Install PWA (Mobile & Desktop)

FoodNanny's website is ultra-responsive and works as an app via PWA:

  • On Android: Open the website in your mobile browser. An "Install The App?" prompt will appear automatically. Click the Install button to add the application to your home screen.
  • On Desktop: In the Chrome address bar, click the Install icon (plus sign) to use it as a standalone app.
Order Management Lifecycle

Manage the flow of orders effectively:

  1. Location-Based Discovery: When a customer visits the website, the system first requests their location. It then intelligently displays only the restaurants available within their specific delivery zone or area.
  2. Order Placement (Pending): The customer browses the menu and places an order. The order initially appears in the "Pending" state in the Admin and Restaurant panels.
  3. Restaurant Acceptance (Accept): The Restaurant owner reviews and accepts the order. This confirms the availability and begins the preparation phase.
  4. Smart Rider Visibility: Once accepted, the order becomes visible to Delivery Men (Riders) who are located near that specific restaurant. Riders only see orders within their proximity to ensure fast pickup and delivery.
  5. Rider Acceptance & Pickup: A nearby rider accepts the order and proceeds to the restaurant. After picking up the food, they mark it as "Out for Delivery."
  6. Delivery Completion (Delivered): The rider reaches the customer's location and marks the order as "Delivered," completing the lifecycle.
  7. Other States: The system also handles Canceled, Rejected, and Returned statuses for various order scenarios.

Changelog

Version 1.0 (14 February, 2026)

  • - Initial Release
  • Version: v1.0
  • Created:14 February, 2026