Get Started

Thank you for purchasing our app

Please read the documentation carefully , and if you have any question check us . Most pages are accompanied by a video tutorial , it's recommended to check both , the video and the written Documentation .

Must Read this:

After purchase if you run the project and test the build in phone it will not work becuase you have to setup the Web API first then app will be works fine.

Web API is in PHP 7.0 and it will work on any kind of hosting packages

Quick Setup Web API Configration

Step 1 - You have to upload the API files which we have provided in your downloaded package from codecanyon

Step 2 - Login in your hosting cpanel Navigate to File Manager and Create a folder "API" and upload the API files

Step 3 - For API configuration You have to go http://domain.com/API/installer/

Step 4 - Make sure All the Server requirement are enabled

Step 5 - Fill the required information and submit

Step 6 - You can get firebase database url from there , Follow Screenshort Click to view screenshort

Make sure firebase real time database permission is allow Click to view screenshort

If you fill any thing wrong which is not correct , fields color will be red

After Complete the Quick Setup you have to remove the installer folder

How to setup Database

Here is the Helping video for setup web API and admin panel

installing Binder PHP API is an easy process and we will guide you through it .

Before getting started, please make sure your web server meets all the requirements:

  • Latest PHP Version 7.0
  • MySQL extension (enabled on all hosts by default)

Step 1

Make a folder on your hosting "API" and upload API-Code files in it

Step 2

Upload Files in "API" folder

Step 3

  • Create Database in mysql databases ( in cPanel ) with the name of "Binder" you can write what ever you want
  • Create a new user
  • Assign that user to database

Step 4

How you can create SQL & user in phpmyadmin

Import Database (.sql) file as well

How to import Sql database in phpmyadmin

Quick Setup Admin Panel Configration

Step 1 - You have to upload the Admin panel files which we have provided in your downloaded package from codecanyon

Step 2 - Login in your hosting cpanel Navigate to File Manager and Create a folder "portal" and upload the portal.zip files , then extract it

Step 3 - For configuration You have to go http://domain.com/portal/installer/

Step 4 - Make sure All the Server requirement are enabled

Step 5 - Fill the required information and submit

Step 6 - You can get firebase database url from there , Follow Screenshort Click to view screenshort

Step 7 - Open domain.com/portal in your browser and login with "email:admin@admin.com" & "password:123456"

Configration Portal Chat

  • Open Firebase and follow 1st and 2nd screenshort and copy the code and paste in portal/inbox.php

edit portal/inbox.php and setup the firebase auth

Android Configration

In order to start configuring , you need to install Android studio and the 'Java SE Development Kit'. First download the android studio from here Android Studio

SDK Manager

The installer , as also shown in the video should automatically download and install all required components . if you want to do manual setup , download at least the following components using the SDK manager

  • SDK tools
  • SDK platform Tools
  • SDK Build Tools
  • Google Play Services
  • Android Support Library
  • Google Repository
  • Google USB Driver

You can download these SDK , if not installed already , using the SDK manager SDK Manager After you're done, you can open Android Studio and continue.

Importing Android Project

To import the template, simply open Android Studio and import/open the template. Make sure to wait for all the processes (the Gradle Build) to complete before continuing to the next step



Addition steps

Addition steps Sometimes, the Gradle Build fails. In some cases additional components are needed, Android Studio will ask you to do download these additional SDK components in the 'messages' tab, simply follow the instructions provided to install and download the additional components.

Change Bundle ID

Change App Name

Above is illustrated how you can change the name of the application.

Change Color Scheme

Above is illustrated how you can change the Colors of the application.

You can change your apps colors to create a custom look. The primary color is the color of the Toolbar, some buttons and headers. The primary dark color is used for e.g. the status bar. get more color from here material.io

Change Theme of Application

Above is illustrated how you can change the Theme of the application.

Change App icon

Now we need to put a png file with your icon named 'ic_launcher.png' in the following folders:

  • res/drawable-mdpi - with a size of 48px x 48px
  • res/drawable-hdpi - with a size of 72px x 72px
  • res/drawable-xhdpi - with a size of 96px x 96px
  • res/drawable-xxhdpi - with a size of 144px x 144px

this URL will help you resize your images or event create new icon to your app Launcher Icon Generator

Setup AdMob

Above is illustrated how you can change the Subscription Product ID and Licence Key.

Remove Admob ads

If you want to remove ads just remove this code , follow this screenshort

In-app Purchases


Above is illustrated how you can change the name of the application and change the AdMod ID.

Go to com.dinosoftlabs.binder.Users.Users_F file and search "case R.id.refresh_btn" here you can see the code which will be changed if you don't want to show the Subscription options.

case R.id.refresh_btn: if(MainMenuActivity.purduct_purchase){ card_viewstack.reverse(); } else open_subscription_view(); break;

Remove/Disable Premium Feature

If you want to remove/disable Premium Feature , follow this screenshort

Removing/change streaming and video call limit

If you want to remove/disable steaming and video calling limit dialog then

Firebase Configuring

Change Firebase Db Rules

Debug and release Key

Before going to next you have to learn about the Sh1 key for both debug and release. if you are in the development mode then you will use the debug sh1 key but when you going to publish the app on playstore then you will have to use the sh1 key of Release key

Debug Key

Method 1 How to get the SH1 key for the published app (Signed or release key)

To get realese sh1 contains two step.

Step1: you will generate your own app signing key Create signing key

Step2: Get the Sh1 key of app signing key

Get the Sh1 key. Run the below command on Command Promt

keytool.exe -list -v -alias {alies name you set according to above toturial "key0" is the alies name} -keystore "{file adress of the key}" -storepass {password} -keypass {password}

Method 2 How to get the SH1 key for the published app (Signed or release key)

Follow the steps

If you are see this screen that means you have the SS1 keys

If you already have keys then you have to follow the phone number login step

Google Map Configration

Make sure you have add the firebase firbase first then you project on Google Api console will automatically show, means you don't need to create the project on Google api console if you created the firebase project

Now we Will let you Know how you can generate that Debug and release key.

Debug key is very simple see the below pic:

Now if you want to publish your app then you have to get the release key. To get the release api key

You need Sh1 key. We have tell you in above how can you get that.After getting that SH1 you have to follow below pics:

Facebook Login

You have to follow the steps

Here is the Helping video for setup facebook login

You have to follow the steps

Step 1

Go to "facebook Developer" the link is given developers.facebook.com and Create a new app

Step 2

Go to "facebook Developer" the link is given developers.facebook.com and Create a new app

Step 3

Then Go in Setting > Basic Fill privacy policy and application nature/cateogry and press save

Step 4

Then Go in Setting > Basic Add development palatform

Step 5

Then Go in Setting > Basic > development palatform Select Android

Step 6

Follow screenshort

When you publish the app on playstore you have to add another Keyhash in facebook developer account. For getting that keyhash you have to just install the app from playstore and attach the mobile with your PC and search the keyhash by same process.

Step 7

Follow screenshort

Step 8

Follow screenshort

Step 9

Copy APP ID Follow screenshort

Step 10

Follow screenshort

Step 11

Copy APP ID & APP Secret Follow screenshort

Step 12

Follow screenshort

Phone Login Configration

For "login with phone number" you have to enable the settings from firebase

Google Login Configration

You have to follow the steps

Here is the Helping video for setup google login

Step 1

Step 2

Step 3

Step 4

After publish app on Google Play Store

If your app is publish into the playstore then you have to make a seprate google auth client id.

the ways of gmail release key same like as we create for debug. The only difference is in release mode we get and use SH1 key from google playstore and create a new OAuth client Id

Hide Any Social Media Button

If you want to disable facebook login

if you want to disable facebook or google login button you have to hide the mentioned View/Button just add android:visibility="gone"

Voice & Video Calling

Twilio configuration

Twilio is use for audio and video call in the project.In the below steps we will tell you have to create a link for getting the access token which will use for audio and video calling.

Step 1 - Go to https://www.twilio.com/ and signup. After signup you will see the dashboard.

Step 2 - After click on menu option you will see this all option now click on the highlighted option

Step 3 - After that go to tools and then create the api key.

Step 4 - Save both the credentials in separate text file because it will use in next process and if you click on done button it will not show you again. So copy that.

Step 5 - Again click on menu button and scroll to bottom you will see the option of functions so click on that option.

Step 6 - First declare the api key and secrete here which will use in functions code.

Step 7 - Now start to create a function for getting the access token which will use for calling.

exports.handler = function(context, event, callback)
{
const AccessToken = require('twilio').jwt.AccessToken;
const VideoGrant = AccessToken.VideoGrant;

const identity = event.identity;
const roomname =event.roomname;

// Create Video Grant
const videoGrant = new VideoGrant({
room: roomname,
});
// Create an access token which we will sign and return to the client,
// containing the grant we just created
const token = new AccessToken(context.ACCOUNT_SID, context.Voice_API_KEY, context.Voice_API_SECRET);

token.addGrant(videoGrant);
token.identity = identity;
callback(null,{token: token.toJwt()});
};

Step 8 - Place the about generated link here.

Giphy API Configration

Here is standalone video for setup Giphy API

Get Giphy API key to show gif in your chat

developers.giphy.com. "Create an Account" and then "create an App" then you get the api key "copy the key" into Variable class.

Enable Firebase Push Notification

To setup firebase push notificaton you have to follow these steps , also mention in this video Youtube Video

  • edit the API files "API/config.php" and update firebase_key key

You can get api server key from here follow screenshort

You have to update firebase_key key in API/config.php here see screenshort

Thank you & Support

I'd like to thank you again for your purchase and I hope you where able to successfully install the app and using it in your future business . If you need support or have some questions. You can visit our support resources here at hello@qboxus.com

What support does include
  • Answers to (technical) questions about the item's features
  • Assistance with reported bugs and issues
  • Answers to questions about importing and setting up the item as is described in the docs.
Please note that support does not include:
  • Customization & adding new features
  • Installation Services
  • Support for 3rd party software and/or plugins
  • Content related rejections and violations from Google

FAQ

App Develope in native or not?

Yes app is in native coding

Which PHP version?

it will work on PHP 7.0 or more then 7.0

Which Database You are using?

We are using mysql database

Does Demo Data included (Demo users like on our app)?

Yes Test/Demo users profiles are inlucded in the package

Does it have 3rd party services?

Yes , It has Firebase Thrid party for real time chat and send push notifications, Which is free but limited , after lot of users and usages you have to buy their packages there are have 3 packages Free , $25 monthly , Pay As you go See Firebase packages

Does it have Admin panel

Yes It has admin panel as well which is in HTML/CSS and connected with datbase via PHP API

Does it have Documentation

Yes it has Documentaion about android , web api setup , admin panel setup , firebase push notification setup

Are you facing any issues setting up the app? Our expected response time is 24 to 48 hours Mon-Fri (9AM - 6PM) GMT+5, Submit A Ticket