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

We have added some advance functions into our product. We try to keep our product simple but unfortunately due to greater no of request we are forced to upgrade our product and we had to use a FFMPEG Library.

• Php 7.0
• VPS/Cloud: The code will not work on Shared hosting.
• Ffmpeg should be installed
• Curl should be enabled
• memory_limit should be 500M View Attachment
• 4 Core processor + 8/16GB Ram

If you face any issue in video upload or it takes time in uploading video to server that might be because of your server. Sometimes server gives this error if you check your error log file

Allowed memory size of 33554432 bytes exhausted (tried to allocate 15756752 bytes)

If you see this error then you would need to upgrade your server or increase Php memory limit by going into php.ini file. you need to google about where this file is. This file resides in different locations in different servers

Step 1

First thing which is very important is that you need to either use VPS or cloud Hosting. This FFMPEG won't work on shared hosting and you need a terminal access to install ffmpeg

Step 2

Second thing is we do not provide any support in configuring your FFMPEG. You need to make sure that your FFMPEG works and its installed. We can share you one tutorial which we followed and installed on one of our client CENT OS operating system. We will constantly update this part as soon as we came across different operating system of our clients during installation.

For Installation On Centos 7.8 follow this - https://linuxize.com/post/how-to-install-ffmpeg-on-centos-7/

We have tested on Centos 7.8 and ffmpeg version was 3.4.7

Note: If you have ffmpeg version 2.6.8 some of the features won't work. For example while doing video and audio merge it will generate 0KB file. This is because of the version issue

Note:On these platforms we have tested ourselves and installed ourselves. We are sharing the platforms and tutorials of what have worked for us. But it does not mean it cannot be installed on other servers. You just have to go in google and find tutorials regarding how to setup in your environment

Step 3

This is the tutorial you should follow if you want to setup on CENT OS 7.8 operating system. you can also google something like ffmpeg install ubuntu (your operating system ) something like this. You will find tons of tutorial

Step 4

Once installed you should locate ffmpeg and ffprobe file. we did this

Step 5

Make sure that your server does not block shell exec , or exec. You have to remove it from WHM and save the settings

Step 6

Increase your upload limit

One last thing you need to do is increase your post_max_size and upload_max_filesize.

Note: We have tested this on Hostgator VPS. Terminal we accessed from whm. Operating system was CENT OS 7.8

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

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.

*Note: After successfully installing the Android Studio please make a sample app project to install necessary files into computer by android studio.

To import the app, 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.

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

Go to app->res->values->strings.xml

Below is illustrated how you can change the color of the application.

Go to app->res->values->colors.xml

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

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

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

Go to project location->Android source code->TicTic->app->src->main->

• 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
• res/mipmap-xxxhdpi - with a size of 192px x 192px

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

We need to put a png file with named 'splash.png' in the following folder:

Go to project location->Android source code->TicTic->app->src->main->res->drawable

• You have to open your API URl and copy the code from here https://prnt.sc/w309sg and paste it here app->java->com.packagename.appname->ApiClasses->ApiLinks

Above is illustrated how you can change the Rest Api link of the application.

You have to enable this feature from the android code e.g
public static final boolean is_enable_duet= false;=> is_enable_duet=true;

Click on app->java->com.packagename.appname->simpleClasses->Variables
and in Variables class go to line no.# 94 approximately

Note:Make sure you have extended API files to make functional this feature

if you want to change the maximum and minimum video recording time then follow these instructions

Click on app->java->com.packagename.appname->simpleClasses->Variables
and in Variables class go to line no.# 29 approximately

if you want to change the saving video folder name / directory then follow these instructions

Click on app->java->com.packagename.appname->simpleClasses->Variables
and in Variables class go to line no.# 24 approximately

public static final String root = Environment.getExternalStorageDirectory().toString();
public static final String app_hided_folder = root+"/Hidedyourappname/";
public static final String app_showing_folder = root+"/yourappname/";

For Ad Mob setup you need ad mob id's which you get from your ad mob account. If you have no ad mob account then go to this
URL: https://admob.google.com/home/ make an account, get id's and paste in app as metioned below.

Click on app->res->values->strings.xml

If you want to remove ads just set the value "true" in this code, follow this screenshot

public static final boolean is_remove_ads=false => is_remove_ads=true;

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

Go to com.dinosoftlabs.Tictic.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;

if you did not change the firebase rules some of the app functions will not work like chat or save/change pictures.

if you not provide the SH1 key into the firebase project phone login and google login will not work you have to add you SH1 keys for both debug and live mode.

Method 1

For Adding Firebase Function in your firebase project will contains Two Part

• Install node.js and Firebase CLI
• Deploy Firebase Function in firebase project

Install node.js and Firebase CLI

Method 2

You have to paste the code in Index.js and package.json to deploy the firebase Fuction

Index.js

you have to put your Firebase Real time database url here
databaseURL: 'https://.firebaseio.com'

const functions = require('firebase-functions'); const admin = require('firebase-admin'); admin.initializeApp({ credential: admin.credential.applicationDefault(), databaseURL: 'https://<your Database name>.firebaseio.com' }); exports.sendNotification = functions.database.ref('/notifications/{u_id}/{notifi_id}').onWrite((data, context) => { const user_id = context.params.u_id; const notification_id = context.params.notifi_id; var Ref_for_delete = admin.database().ref(`/notifications/${user_id}/${notification_id}`); console.log('We have a notification from : ', user_id); const username = admin.database().ref(`/notifications/${user_id}/${notification_id}/name`).once('value'); const userpic = admin.database().ref(`/notifications/${user_id}/${notification_id}/picture`).once('value'); const message = admin.database().ref(`/notifications/${user_id}/${notification_id}/message`).once('value'); const receiver_id = admin.database().ref(`/notifications/${user_id}/${notification_id}/receiverid`).once('value'); const action_type = admin.database().ref(`/notifications/${user_id}/${notification_id}/action_type`).once('value'); const deviceToken = admin.database().ref(`/notifications/${user_id}/${notification_id}/token`).once('value'); return Promise.all([username,userpic,message,receiver_id,action_type,deviceToken]).then(result => { const userName = result[0].val(); const pic = result[1].val(); const msg = result[2].val(); const rid = result[3].val(); const actiontype = result[4].val(); const token_id = result[5].val(); const payload = { notification : { title : `${userName}`, body: `${msg}`, sound : "default" }, data : { title : `${userName}`, body: `${msg}`, icon: `${pic}`, senderid: `${user_id}`, receiverid: `${rid}`, action_type: `${actiontype}` } }; Ref_for_delete.remove(); return admin.messaging().sendToDevice(token_id, payload); }); });

Pacakge.json

You gave to follow this step becuase sometime push notification will not work follow the screenshort

{ "name": "functions", "description": "Cloud Functions for Firebase", "scripts": { "lint": "eslint .", "serve": "firebase serve --only functions", "shell": "firebase functions:shell", "start": "npm run shell", "deploy": "firebase deploy --only functions", "logs": "firebase functions:log" }, "dependencies": { "firebase-admin": "~6.0.0", "firebase-functions": "^2.0.3" }, "devDependencies": { "eslint": "^4.12.0", "eslint-plugin-promise": "^3.6.0" }, "private": true }

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)

Follow the steps

Method 2 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}

You have to follow the steps

Here is the Helping video for setup facebook login

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 platform Select Android

Step 6

Follow screenshort

When you run this highlighted method a keyhash is print in the logcat copy & paste this keyhash into you facebook developer account. (Make sure first you place the fb id into you android project).

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

Here is the Helping video for setup google login

Step 1

Step 2

Step 3

Step 4

Here is the Helping video for generating debug APK

Step 1

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"

If you Here is the helping video for setup Giphy API

Click on developers.giphy.com . "Create an Account" and then "Create an App" then you get the API key "Copy the key" and paste at mentioned place in following screenshot.

installing Tictic 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 - Upload the mobileapp_api files which we have provided in your downloaded package from codecanyon

Step 2 - Login in your hosting cpanel Navigate to File Manager , upload the mobileapp_api.zip , then extract it

Step 3 - For Database & 3rd party API configurations edit constant.php file which is located at "mobileapp_api/app/Config/constant.php"

SQL Database Setup

Step 1 -Import the SQL file which we have provided in your downloaded package from codecanyon

Step 2 - edit constant.php file which is located at "mobileapp_api/app/Config/constant.php"

Fill the database details in "mobileapp_api/app/Config/constant.php"

define('DATABASE_HOST', 'localhost');
define('DATABASE_USER', '');
define('DATABASE_PASSWORD', '');
define('DATABASE_NAME', '');
    								

Step 3

• Create Database in mysql databases ( in cPanel ) with the name of "Tictic" you can write what ever you want

• Create a new user

• Assign that user to database

Step 4

• Edit the file "constant.php" and update the Database information that you setup above

Note: All these steps have been mentioned in the video. If you do not understand anything please follow the video

Twilio Setup

Step 1 - Get twilio keys by Create an account on twilio and buy a number as well which is required for the Programmable SMS You can find the API KEY and auth token in: twilio.com

Step 2 - You have to allow geo permissions for sending sms Click here

Fill the Twilio ACCOUNT ID , AUTH TOKON and PURCHASED NUMBER which twilio has provided you in "mobileapp_api/app/Config/constant.php"

//Twilio
define('TWILIO_ACCOUNTSID', '');
define('TWILIO_AUTHTOKEN', '');
define('TWILIO_NUMBER', '');

• You have to open your API URl and copy the code from here https://prnt.sc/w309sg and paste it in your portal/config.php

Go to this url https://console.aws.amazon.com/

Search services "IAM"

Click On Users

Add Users

add username and check field "Programmatic access"

Create a group and add these two policies in that group (Amazons3fullaccess, Amazons3readonlyaccess)

tags are optional - you can skip that and hit Create user button

Not down access key id and secret key and download the file and save it.

Then go to https://console.aws.amazon.com/ and search “S3” or go directly here https://console.aws.amazon.com/s3/

And create a Bucket. Set a name and choose options according to your choice and you are done. Use this bucket name in the code.

Note. These are the steps which you need to do to setup aws. You can also find on google a lot of tutorials for this. Amazon also updates the interface time to time. So please don’t ask us questions here regarding what region to choose or what name to choose etc etc. These are the basic steps we have mentioned here. So you should need to read aws documentation as well. We would try our best to help you as we can

Now you have to fill the information in app/Config/constant.php , if you donot have the files then you have to contact us for the AWS files this feature is only for extended license customers

How you find bucket region on amazon S3?

You can get the bucket region by clicking on your bucket name. Your region will show up in the url for example our bucket name is qboxus_bucket and once we clicked on it this shows in the url

Setup a CloudFront?

Click on get started Under Web Section

Select s3 folder in the domian section and click create distribution

Copy domain link and enter in app/Config/constant.php

You can get the bucket region by clicking on your bucket name. Your region will show up in the url for example our bucket name is qboxus_bucket and once we clicked on it this shows in the url

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

Step 1

Export your database in json file format

Step 2

Upload sql file from admin panel. It will take some time in installation of older db. Make sure you increase your memory limit to 500M atleast. But If you have larger database you might have to increase even more. You can increase the memory limit by going into your php.ini file

Step 3

After you successfully import the database, move your uploads folder and paste it in the mobileapp_api/app/webroot/ directory

Note:This option is only for those users who are running older version(2.9.6 Installed - 18 Aug 2020)

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 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