Nlytical - Business Listing Flutter App with Admin Panel

Nlytical flutter App documentation version 1.0


Introduction


First of all, Thank you so much for purchasing this App and for being our loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic Flutter Android and iOS app setup knowledge is required to configure or customize this App. You may learn basics here, here.

Requirements

You will need the following sofwares to open this App.

  1. Visual Studio Code (https://code.visualstudio.com/)
  2. Xcode (iOS final Submit build)
  3. Hosting Server or FTP to upload files For Admin Panel(eg: FileZilla)

Be careful while Customize the App. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

PHP Codeigniter Admin Panel #back to top

PHP Codeigniter is a web application framework with expressive, elegant syntax. We╩╝ve already laid the foundation freeing you to create without sweating the small things. The Codeigniter framework has a few system requirements. Of course, all of these requirements are satisfied by the Codeigniter Homestead virtual machine, so it's highly recommended that you use Homestead as your local development environment.


Get a Installation Service Ask a Question

Upload on Server #back to top

Add folder to a ZIP

You should find the folder named Nlytical_Admin_Panel zip it and after you sign in to your web hosting account in the left bar click advanced. and use the file manager to upload this file inside your /public_html folder .


Extract the ZIP file

Click right on your uploaded zip file and choose extract , you should get the following files in your file manager

Create Database #back to top

Create Database

Go to MySQL Databases to create a new database, for example, business_listing and new user and assign this database to the user created (remember the password used in this step we will use it in the installation step.)

After you create a database, add users to the database and configure their privileges.

Enter a username in the Username text box.

Enter and confirm the new password in the appropriate text boxes.

Click Create User.

Click Go Back to return to the main interface.

Configure Admin Panel #back to top

We used PHP codeigniter as a admin panel so each person can easily understand and easily setup without developers. You can easily configure with limited below step or check above video.

Open Folder application-> config->database.php

Add your hosting server created database name,username and password.

Open Folder application-> config-> config.php

Change Base URL with your domain or directory.

Done. Now you can open admin panel with your domain name or directory name.

Flutter Android and iOS App #back to top

Mobile app developed using a flutter framework created by Google is open-source mobile application development. It is used to develop applications for Android and iOS, as well as being the primary method of creating applications

Requirements

To edit this project you must have Flutter and Dart installed and configured successfully on your device Install flutterSet up your editor Install the Flutter and Dart plugins


Get a Installation Service Ask a Question

Get Started

1- Download and unzip the Flutter App, use your preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project.

2 - Open /lib/constant/global.dart and edit the remote link to connect your mobile app with your admin panel.

                                
{
  "api_base_url": "http://yourdomain.com/public/api/",
  "base_url": "http://yourdomain.com/public/"
}
                                
                            

3- Go to /assets/images/Your_logo and replace it with your logo or app icon.

4 - Create your own Google Maps API key at https://cloud.google.com/maps-platform/.

Android Configuration #back to top

Get Dependencies

1. And just run the following command.

flutter pub get

Change Package Name

2. Go to Folder android>app>src>main>AndroidManifest.xmland change the package name

                                        
defaultConfig {
applicationId "<REPLACE WITH YOUR PACKAGE NAME>" // this is the package name
minSdkVersion 19
targetSdkVersion 29
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
                                }

3- Open /android/app/src/main/AndroidManifest.xml , /android/app/src/profile/AndroidManifest.xml, /android/app/src/debug/AndroidManifest.xml and specify your:

NOTE: Copy code from /android/app/src/main/AndroidManifest.xml and paste on profile and debug folder AndroidManifest.xml

  • YOUR PACKAGE NAME
  • YOUR APPLICATION NAME
  • YOUR GOOGLE MAPS KEY
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="<YOUR PACKAGE NAME>">

    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>

    <!-- io.flutter.app.FlutterApplication is an android.app.Application that
         calls FlutterMain.startInitialization(this); in its onCreate method.
         In most cases you can leave this as-is, but you if you want to provide
         additional functionality it is fine to subclass or reimplement
         FlutterApplication and put your custom class here. -->
    <application
        android:name=".Application"
        android:label="<YOUR APPLICATION NAME>"
        android:icon="@mipmap/ic_launcher">

        <meta-data android:name="com.google.android.geo.API_KEY"
                   android:value="<YOUR GOOGLE MAPS KEY>"/>

iOS Configration #back to top

Google Maps Key

Specify your API key in the application delegate ios/Runner/AppDelegate.m:

#include "AppDelegate.h"
#include "GeneratedPluginRegistrant.h"
#import "GoogleMaps/GoogleMaps.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  [GMSServices provideAPIKey:@"YOUR KEY HERE"];
  [GeneratedPluginRegistrant registerWithRegistry:self];
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
@end
                                

Or in your swift code, specify your API key in the application delegate ios/Runner/AppDelegate.swift:

import UIKit
import Flutter
import GoogleMaps

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?
  ) -> Bool {
    GMSServices.provideAPIKey("YOUR KEY HERE")
    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }
}

Opt-in to the preview of the embedded view by adding a boolean property to the app's Info.plist file with the key io.flutter.embedded_views_preview and the value YES.

  • Click the Get dependencies or Packages get to install the libraries from pubspecs.yaml file.
  • Open the simulator to run iOS or Android (as the step above)
  • Then press the run button to start the project (you can still open multi simulator at the same time)

Run & Build #back to top

Run the Application

1- After you make all your changes and customizations save all your project, Open the console, navigate to your project folder and execute the following command to build your app.

flutter run

Build and Install App

If you don't use Android Studio or IntelliJ you can use the command line to run your application using the following command

flutter build apk --release

Changelog #back to top


                                         -----------------------------------------------------------------------------------------
                                        Version 1.0.0 - Sep 15th, 2020
                                        -----------------------------------------------------------------------------------------

                                      

Connect For more information primocys@gmail.com.