Introduction

Thank you for purchasing code. It really means a lot and It's our pleasure to serve top-notch service to you. Thank you so much for choosing WRTeam . If you have trouble with the code and documentation please contact to our Support Team Here.

Quiz Online Admin Panel

1. How to Install Quiz Online on Your shared hosting?

  1. Create your domain or subdomain in your shared hosting
  2. Create an empty database in your shared hosting and remember this credentials:
    i. database name
    ii. database username
    iii. database password
  3. Upload the source code you have downloaded from CodeCanyon and unzip it.
  4. Now navigate to the url where your project is located.
    ex. mydomain.com or subdomain.mydomain.com
  5. The installation screen should appear and guide you in the process.

Thats it! Now you are ready to run your first Quiz Online : https://quizdemo.wrteam.in

Default Login Details
User: admin
Pass: admin123

Notification Management

First Of all,we need to set the FCM server key from Firebase console

Set System Configurations

Set Configurations for you app. All the changes are maded here will directly reflect in the App

From here you can set System & App Timezone, App Play store or market place Link, Enable / Disable Answer Display, Language Mode, Option E Mode, Force Update App, Daily Quiz Mode, Contest Mode, Battle Random Category Mode, Battle Group Category Mode & In App Purchase. Manage App Version and Update Shareapp Text. Set fix Question in level

System Configurations

Set Privacy Policy

Set Privacy Policy for your website and app.

Set Terms Conditions

Set Terms Conditions for your website and app.

About Us Content

Set and manage your about us content for app.

7. Instructions Content

Set and manage your instructions content for app.

Quiz Online App

How to change app name?

  • Open Android Studio > app > res > values > strings.xml
  • Enter your app name inside "app_name" string tag:
    <string name="app_name">Quiz</string>
  • You can also change other string text here.
image

How to change the Privacy Policy?

  • Open Android Studio > app > res > values > strings.xml
  • Enter your Privacy Policy inside "term_privacy" string tag:
    <string name="term_privacy">By Logging / SigningUp in, you agree to our Terms of Service and Privacy Policy</string>
  • Use Same Word in your Languge in<string name="privacy_policy"> And <string name="terms">
  • If you Don't Use Same Word in your Language Application Will crash.
image

How to set country code default?

  • Go to fragment > LoginActivityFragment.java
  • You will get county code here, Copy code from table.
  • Go to Line number 753 replace your country code in line number 753 between "IN".
image

How to change the package name?

You can change it easily from Android Studio. Here are the steps:

  • In the Android pane, click on the little gear icon.Uncheck/Deselect the Compact Empty Middle Packages option.
  • Your package directory will now be broken up in individual directories.
  • Individually select each directory you want to rename, and: Right-click itSelect RefactorClick on RenameIn the Pop-up dialog.
  • Click on Rename Package instead of Rename Directory Enter the new name and hit RefactorAllow a minute to let Android Studio update all changes.
  • Now open your build.gradle (Usually 'app' or 'mobile'). Update the applicationId to your Package Name and Sync Gradle, if it hasn't already been updated automatically.
Note: When renaming com in Android Studio, it might give a warning. In such case, selectRename All. image
image
image
image
image

How to set JWT Key and Admin panel url in Android and PHP

  • go to android >app >java > com.wrteam.quiz > Constant.java
  • JWT Key is just like password you can create your own and it must be same in Quiz App as well as Php side.
image

Create Firebase Project for Application.

  • We need Firebase project for Firebase PushNotification, Google Sign-In and Facebook Login.
  • here is steps for craete project.
image
image
image
image
image
image
image

Enable Realtime database in firebase console.

  • Realtime database we use for battle feture.
  • Use Database Default Location (us-central1) If you change then Battle Mode Not Working. image
    image
  • Realtime database rules must be true like below.because if user dont have read and right permission then they cannot play battle game. image

Authenticate Using Email and Password on Android With Firebase.

  • First of all we have to enable Google Sign-In method in firebase console.
  • Now open your project in firebase console.
  • In the Firebase console, open the Auth section.
  • On the Sign in method tab, enable the Email/password sign-in method and click Save. image
    image

Only Change sender Name and Subject for verify email and reset Password.

image
image

Authenticate Using Google Sign-In on Android With Firebase.

  • First of all we have to enable Google Sign-In method in firebase console.
  • Now open your project in firebase console. img
    img
  • Search Android Device Verification and Enable. img

Authenticate Using Mobile Sign-In on Android With Firebase.

  • First of all we have to enable Phone Sign-In method in firebase console.
  • Now open your project in firebase console. img
    img
  • Do This setting for get SHA-1 KEY goto File ---> Setting ---> Experimental Unchecked below setting. img
  • If you haven't yet specified your app's SHA-1 & SHA-256 fingerprint, do so from the Settings page of the Firebase console. img
    img
  • After you integrate Google Sign-In, your LoginActivity has code for login you don't have to add anything extra.
  • If you want to read code for google sign-in for android you can read here.
  • Steps for Integrating Google Sign-In into Your Android App
  • Refer this video for Google sign-in.
  • Note There was three type of SHA-1.
    1. Debug SHA-1 : you can get this sha from your android stuido.
    2. Release SHA-1 : when you create keystore(.jks) file for generate sign apk. you can get release sha from your key store file. Use this Desktop App for get release sha from keystore file. KeyStore Explorer. Add this sha in your firebase project when you test realese apk.
    3. Sign SHA-1:You have add this sha when you publish your app on playstore. You can get this sign sha from your PlayConsole. Without Sign sha your google login not work when your app published on PlayStore.
  • For App signing certificate go to > Play Console > Select your App > Release Management > App Signing
img

Authenticate Using Facebook Login on Android with Firebase.

  • first create project for your application , go to Facebook for Developers
  • Go to Facebook Quick Start Integrate the Facebook SDK
  • On the Facebook for Developers site, get the App ID and an App Secret for your app.
  • In the Firebase console, open the Auth section. Enable Facebook Login.
  • On the Sign in method tab, enable the Facebook sign-in method and specify the App ID and App Secret you got from Facebook. img
  • Then, make sure your OAuth redirect URI (e.g. my-app-12345.firebaseapp.com/__/auth/handler) is listed as one of your OAuth redirect URIs in your Facebook app's settings page on the Facebook for Developers site in the Product Setting > Facebook Login config
  • Add the dependencies for Firebase Authentication and Facebook Login SDK to your app-level build.gradle file: img
  • Edit Your Resources and Manifest
  • Create strings for your Facebook app ID and for those needed to enable Chrome Custom Tabs. Also, add FacebookActivity to your Android manifest.
  • Open your app >res >values >strings.xml file. img
  • Open the app >manifest >AndroidManifest.xml file.
  • Add the following meta-data element, an activity for Facebook img
  • Associate Your Package Name and Default Class with Your App
  • Provide the Development and Release Key Hashes for Your App
  • To ensure the authenticity of the interactions between your app and Facebook, you need to supply us with the Android key hash for your development environment. If your app has already been published, you should add your release key hash too. img
  • Generating a Development Key Hash
    1. We will use SHA-1 key to generate hashkey for facebook login.
    2. you can generate hash online. Here is external link for generate key has for facebook login.Key hash Genrate Link img
      img
  • Refer this video for Facebook Login.

How to Integrate Firebase Cloud Messaging in app?

  • Integrating Firebase Cloud Messaging
  • For FCM Notification first you have to register your application with firebase.
  • Create Firebase Project for Application. If you already created firebase project then you dont have to do that again.
  • Firebase dependency, service class and all nacessary class are already included in project.
  • So, you dont have to do extra code here.
  • Just download Google-service.json and replace with existing file.
  • Sending Messages from PHP Backend
  • Add Firebase Server Key in notification setting. Get server key from your firebase project and set in panel.
img
img

How to Change IN-APP Purchase key and Coins in app?

img

How to Create Product in Google Play Console

Follow this Link you can get How to Create In-App Purchase Product.Click Me

How to Change Arc in NavigationView?

  • There is two type arc style for navigation view in quiz you can set according your own.
    1. cropInSide
    2. cropOutSide
    img
  • You have to just change "arc_cropDirection" value in xml file.
  • go to android > app > res > layout > drawer_activity.xml img
  • Use Default Drawer

Want to costomize some value? like how many correct answers you need to complete current level etc...?

  • go to android >app >java > com.wrteam.quiz > Constant.java
  • Here we define maximum correct answers you need to complete level, rewarded coin when level completed , some static values and more.
img

How to Remove Level Lock feature from Application?

  • go to android >app >java > com.wrteam.quiz > activity >LevelActivity.java
  • In LevelActivity class there is adapter for levelList, inside adapter there was some condition for level lock.if you dont want add in your app, then remove it.see below image.
img

How to Remove Admob Ads open feature from Application?

  • go to android >app >java > com.wrteam.quiz > helper >AppController.java
  • Remove below image line your admob ads open will removed.
image

Constant

  • go to android >app >java > com.wrteam.quiz > Constant.java
  • Here we define some static values and more.
  • How to change circular progress width, color, textSize etc?

  • We have two Indicator class in application CircleTimer.java and AudienceProgress.java.
  • Now Go to android > app> java > com.wrteam.quiz > helper> Constants.java
  • Here you can set background color, progress color,width,strock width, text attributes and many more.
  • In dimen.xml ,we set circle's hight and width. img
  • How to change Time , complete level configs, mark for correct and incorrect, textSize etc?

    img

System Settings for Application.

  • Answer Display:= When User Give Wrong Answer You Can Enable and Disable Answer Show Or Not.
  • Language Mode:= Enable and Disable Language from admin panel.
  • Option E Mode:= Enable and Disable Opation E from admin panel img
  • You Can set Refer & Earn Coin from admin panel.
  • You Can set Rward Coin(Watch Videos And earn Coin) from admin panel img
  • App Link:= You have to set Your Application Playstore Link.
  • More Apps Link := You Can set Your Developer Page link of Playstore.
  • Shareapp Text:= You have to set Your Application Share Text. img
  • You can change True and False Value. img
  • About Us:= Add Your Company Details It Will Reflect in Application About Us .
  • Instructions:= Add Your Quiz Instructions It Will Reflect in Application Instrucations
  • Privacy Policy:= Add Your Quiz Privacy Policy It Will Reflect in Application Privacy Policy
  • Terms Conditions:= Add Your Quiz Terms Conditions It Will Reflect in Application Terms of Service img
  • Force Update App:= Here you can Enable and Disable Forcefully Update Dailog.
  • Daily Quiz Mode:= Here you can Enable and Disable DailyQuiz button.
  • Contest Mode:= Here you can Enable and Disable Contest Button.
  • In-App Purchase Mode:= Here you can Enable and Disable In-App Purchase Button. img

How to change admob id?

  • Open Admin panel > Setting > System Configuration
  • You have to replace your live AdmobId with Test admobId.
  • You can also turn off Ads from in App ads.
img

How to add Facebook Audience Network with Mediation?

How to add string file in your language?

  • Open Android studio > values > open string.xml file
img
  • How you can translate String.xml file in your language Click here
  • How you can set Default Application language? Constant.java file you can set it.
  • img

Quiz Online IOS

How to change admin page url, Access key and JWT Key in application?

  • go to Quiz > Quiz.xcworkspace > Quiz > ExtensionFile > QuizSetting.swift
  • JWT is just like password you can create by your own & it must be same in Quiz App and Php side as well.

How to change Launch screen / Splash screen in application?

  • go to Quiz > Quiz.xcworkspace > Quiz > LaunchScreen.storyboard file.
  • Change Background Color Image & App Logo Image and Label Text there as Shown below.

Firebase Function Integration

Create a Firebase project

  • 1. In the Firebase console, click Add project, then select or enter a Project name. If you have an existing Google Cloud Platform (GCP) project, you can select the project from the Project name dropdown menu. Otherwise, enter a new Project name.
  • 2. (Optional) Edit the Project ID.
    Firebase automatically assigns a unique ID to your Firebase project. Visit Understand Firebase Projects to learn about how Firebase uses the project ID.
  • 3. Follow the remaining setup steps in the Firebase console, then click Create project (or Add Firebase, if you're using an existing Google project).
  • Firebase automatically provisions resources for your Firebase project. When the process completes, you'll be taken to the overview page for your Firebase project in the Firebase console.
  • Now that you have a project, you can add your iOS app to it:

  • 1. Click Add Firebase to your iOS app and follow the setup steps. If you're importing an existing Google project, this may happen automatically and you can just download the config file.
  • 2. When prompted, enter your app's bundle ID. It's important to enter the bundle ID your app is using; this can only be set when you add the app to your Firebase project.
  • 3. Go to Database Tab, Then Select Realtime Databse > Rules > Set .read and .write to true.
  • 4. Add the Firebase iOS configuration file to your app:
  • Click Download GoogleService-Info.plist to obtain your Firebase iOS config file (GoogleService-Info.plist).
    You can download your Firebase iOS config file again at any time.
  • Move your config file into the root of your Xcode project. If prompted, select to add the config file to all targets.
  • * Note: The Firebase config file contains unique, but non-secret identifiers for your project. Visit Understand Firebase Projects to learn more about this config file.
  • 5. After you add the initialization code, run your app to send verification to the Firebase console that you've successfully installed Firebase.
  • Visit Understand Firebase Projects to learn more about best practices and considerations for adding apps to a Firebase project, including how to handle multiple build variants.

Authenticate Using Email and Password on iOS With Firebase.

Implement Email Sign-In

  • a. In the Firebase console, open the Authentication section.
  • b. On the Sign-in method tab , enable the Email/Password sign-in method.
  • c. You can change Sender Name , From , Subject , Message From Authentication Section , In Templates Tab > Email Address Verification and Password reset.

Authenticate Using Google Sign-In & OTP Based Login on iOS With Firebase.

Implement Google Sign-In

1. Add custom URL schemes to your Xcode project:
  • a. Open your project configuration: double-click the project name in the left tree view. Select your app from the TARGETS section, then select the Info tab, and expand the URL Types section.
  • b. Click the + button, and add a URL scheme for your reversed client ID. To find this value, open the GoogleService-Info.plist configuration file, and look for the REVERSED_CLIENT_ID key. Copy the value of that key, and paste it into the URL Schemes box on the configuration page. Leave the other fields blank.
    When completed, your config should look something similar to the following (but with your application-specific values):

Authenticate Using Facebook Login on iOS

  • 1. If you haven't yet connected your app to your Firebase project, do so from the Firebase console
  • 2. On the Facebook for Developers site, get the App ID and an App Secret for your app.
  • 3. Enable Facebook Login:
  • a. In the Firebase console, open the Auth section.
  • b. On the Sign in method tab, enable the Facebook sign-in method and specify the App ID and App Secret you got from Facebook.
  • c. Then, make sure your OAuth redirect URI (e.g. my-app-12345.firebaseapp.com/__/auth/handler) is listed as one of your OAuth redirect URIs in your Facebook app's settings page on the Facebook for Developers site in the Product Settings > Facebook Login config.

Add Facebook Id at Info.plist file



At Info > URL Types



Authentication Using Sign in with Apple with Firebase

  • a. In the Firebase console, open the Authentication section.
  • b. On the Sign-in method tab , enable the Apple sign-in method.

To configure code project, perform the following steps in Xcode:

  • On the Signing & Capabilities pane, set the bundle ID to a unique identifier (you must change the bundle ID to proceed).

  • Add your Apple ID account and assign the target to a team so Xcode can enable the Sign in with Apple capability with your provisioning profile.

  • Add Capability by clicking the + button. Search for Sign In with Apple Capability in Capability Library.

  • Choose a run destination from the scheme pop-up menu that you’re signed into with an Apple ID and that uses Two-Factor Authentication.

  • If necessary, click Register Device in the Signing & Capabilities pane to create the provisioning profile.

  • In the toolbar, click Run, or choose Product > Run (⌘R).

How to Add / Change In-App purchase Ids and Coins in app?

  • For in-App Purchase setup in your AppStore Account > Your App, Please Follow Steps Mentioned Here

  • After successful setup of In-App Purchase in your AppStore Connect > Your App, Add Capability by clicking the + button. Search for In-App Purchase in Capability Library & add it.


  • Go to Quiz > CollectionViewFiles > CoinStoreViewController.swift file.

  • You will find var productIdentifier & productIdentifier2 there. Change value of it same as you have prepared in your Appstore Connect Account > Your App > In-App Purchase & add all that Product Ids there in productIDS of fetchProduct() function in the same file.

  • You can add as much Products you want. Here we have added only 4 Products with 2 different Product Ids and you can also add different Imageset in Assets folder & you will be able to customise number of coins also as shown below.


How to Configure System? (How to Set App Link , More Apps of Your own , Maintain Your App Version , Text to Share App , TimeZone )

  • go to Admin Panel > Settings > System Configurations
  • 1. System Timezone As Per your Requirement.
    2. iOS App Link.
    3. More App Links - Link of Your Apple Store Profile to find Your Other apps.
    4. App Version.
    5. Custom Share App text.
    Don't forget to click Save Settings.


    How to Enable / Disable Language Mode Or Option E Mode Or Force Update App Or Daily Quiz Mode Or Contest Mode?

  • go to Admin Panel > Settings > System Configurations.

  • Code handled in SystemConfig.swift File

  • Where to Set Refer Coin, Earn Coin, Reward Coin, Answer mode,Fix Question per Level & True or False Value ?

  • Now Admin can set values of Refer Coin for A Friend Who uses your Refer Code & Earn Coin for User whose Refer Code is going to be used by Friends.
    We have also added True / False Questions As we have added Option E In Previous Update
  • Go to Admin Panel > Settings > System Configurations
  • 1. Refer Coin
    2. Earn Coin
    3. Reward Coin - As it's name suggests, here you can set value of Coins to be earned by watching Reward Ads During Play Quiz.
    4. Answer Display - Enable this If you want users to see Correct Answer while they choose Wrong one from Given Options.
    5. Fix Question in Level and Total Question per Level - Enable this If you want Fix Number of Questions for Every Level and If You are enabling it, it will set Limit for all Level Questions as the One You Select in Total Question per Level here.
    6. True Or False Value - Incase You are using specific Language other than English, Then you can set Values for True Or False.
    7. Force Update - You can enable / disable Force App Version Update Dialogue in your App.
    Make Sure none of fields are blank here, even if You don't have any specific value, then You can put any dummy value for testing too.
    Don't forget to click Save Settings.


    Where to Set Random / Group Battle with Category Or without Category Selection? & Also Enable / Disable In-App Purchase?

  • Now Admin can set values for Random Battle / Group Battle with Selected Category Or With just Random Category & In-App Purchase as well.
  • Go to Admin Panel > Settings > System Configurations
  • 1. Battle Random Category Mode
    2. Battle Group Category Mode
    3. In-App Puchase
    Don't forget to click Save Settings.


    Where to Set About Us, Instructions , Terms Conditions and privacy Policy ?

  • About Us: Add Your Company Details It Will Reflect in Application About Us .
  • Instructions: Add Your Quiz Instructions It Will Reflect in Application Instructions
  • Privacy Policy: Add Your Quiz Privacy Policy It Will Reflect in Application Privacy Policy
  • Terms Conditions: Add Your Quiz Terms Conditions It Will Reflect in Application Terms of Service

  • Don't forget to click Save Settings.


    Want to costomize some value? like how many correct answers you need to complete current level etc...?

  • Go to quiz > Quiz.xcworkspace > Quiz > QuizSetting.swift
  • Here we define maximum correct answers you need to complete level, rewarded coin when level completed, Points for Right Answers in Contest, timer value for Group Battle and some static values and more.



  • How to Remove Level Lock feature from Application?

  • Go to quiz > Quiz.xcworkspace > Quiz > LevelView.swift
  • If no need lock level, remove this code from here:


    Also remove the highlighted boxed line from LevelView.swift file.


  • Go to quiz > Quiz.xcworkspace > Quiz > ResultsViewController.swift
  • Change this code from @IBAction func nxtButton(_ sender: UIButton) function




    How to change admob id?

    Update your Info.plist

  • In your app's Info.plist file, add a GADApplicationIdentifier key with a string value of your AdMob app ID.


  • Open quiz > Quiz.xcworkspace > Quiz > QuizSetting.swift
  • Change AD Unit Id from here:



    How to Set Notification Settings?

    In Xcode
  • Set Notifications by Adding Capability from Signing & Capabilities Tab
  • 1). Background Modes > A). Background Fetch, B).Remote Notifications, C).Background Processing.
    2). Push Notifications If you haven't added it already! As Shown below.

    In Firebase
    1). You can Copy Server Key from Project Credentials Inside Cloud Messaging Tab
    2). Upload APNs Authentication key / Certificate inside IOS app Configuration on the same tab.


    In Admin Panel
  • go to Admin Panel > Settings > Notification Settings > FCM Server Key & Enter Server URL Copied from Firebase. And Don't Forget to Click Update FCM Server Key


  • To Send Notification, Move to Send Notifications Menu
  • 1). Select Selected Users type As All or Just some of Selected User from list on Right Side & Don't Forget to Click Get Selected Users incase Of selected Users only.
    2). Select Type As Default or Main Category. Incase you select Main Category, you have to select Main category from given List of Categories.
    3). Set Title and Message as you want.
    4). If you want to attach an image file to your Notification, Just Check include image & Choose File from your System. & Click Send Notification. That's it !!

    How to Set Daily Quiz Settings?

    In Admin Panel
  • go to Admin Panel > Daily Quiz > Select Main Category & Sub Category > Filter Questions & select the ones you want to Add in Daily Quiz. And Don't Forget to Click Save



  • How to Set Contest Settings?

    In Admin Panel
  • go to Admin Panel > Contest > You can Create a Contest , Manage Contest Questions and you can also Import Questions for Contest.


  • In Xcode
  • You can set Points for Right Answer of Contest Question from QuizSettings & we are using same points deduction for Wrong answer As Main Quiz i.e. 2 Points.



  • How to Remove Admob Ads?

    To Remove Ads in ios app you have to go through following steps ,
    1. remove GADApplicationIdentifier key and its value from info.plist
    2. remove BANNER_AD_UNIT_ID,REWARD_AD_UNIT_ID,INTERSTITIAL_AD_UNIT_ID,AD_TEST_DEVICE variables from ExtensionFile > QuizSetting.swift and remove wherever this variables are used throughout project.
    3. remove import GoogleMobileAds header file wherever used, throughout project, and on the same swift files - you will find objects of type GADInterstitial , GADBannerView,requestAppOpen,GADAppOpenAd and related properties of an object, delegates GADBannerViewDelegate,GADFullScreenContentDelegate and func RequestInterstitialAd(),Ad(),watchAd() throughout the project & also remove extension in MoreOptionsView.
    4. For reward ads - Change alert message and concept by your own in ShowAlertForNotEnoughCoins() In some Play Areas.
    5. remove pod 'Google-Mobile-Ads-SDK' from podfile
    6. remove Google-Mobile-Ads-SDK throughout podfile.lock file
    7. Install pods using Terminal

    Note: If you are changing any object positioning or something in Design. make sure you change in both files Main.storyboard & Ipad.storyboard for Ipad.

    Note: Regarding Installation of App Version 7.0.1.
    Uninstall any previous version of app (i.e. 7.0.0, 6.0.1, 5.5, etc.) before running this version of app in real device / simulator as there is some change in Core/Local Data element Names.

    Need Support?

    Its our pleasure to serve our service and support. please contact our support team.

    Android Head of Customer Support : Kishan Mevada Skype Name : Kishan Mevada

    IOS Head of Customer Support : Devanshi Gor Skype Name : Devanshi Gor

    To help our customers, we constantly be in touch with every customer if they need any assistance regarding our product. We offer our customers a support from Mon – Fri 9.00am to 6.00pm IST (GMT +5.30) – We are a Team located in India – Asia.

    Typically we reply our customers for all the questions and queries within 24 hours of time via comments, support forum or emails.


    Your Feedback

    Dear valuable customer, Thank you very much for choosing our product. It's our pleasure to serve top-notch service to you. Please give us your honest feedback that will help us to make a more strong and reliable product by click here Rate Us. Thank you very much.

    Contact Us

    WRTeam has creative and dedicated group of developers who are mastered in Apps Developments and Web Application Development with a niche in delivering quality solutions to customers across the globe. Contact us today to find out how we can help you or for freelance work.

    Visit Us : https://wrteam.in

    Mail Us : info@wrteam.in

    Thank you very much.