Note:- The web-based payment gateway is currently unavailable for security reasons or due to the Google In-App purchase system. However, you can purchase coins directly from the app, and these purchases will also be reflected on the web platform.

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

    Installation of Web Setup Video

    1. Configure of firebase : Video Link

  1. How to setup Web Version

    1. Install Node JS :
      2. Visit Node JS Official website : https://nodejs.dev/en/learn/how-to-install-nodejs/ for full installation guide.

  2. Where to set API URL (Admin)

    1. Go to Main Folder -> .env file open it
      like set your admin panel url like this https://www.example.com Elite Quiz

  3. How to run this project

    1. Unzip the downloaded code. After unzipping you will have Elite Quiz - Web Code folder.
      Open it in Visual Studio Code.
    2. Open VS Code teminal by typing CTRL+J in Windows/Linux, and for MacOS CMD+J and execute the command --> npm i --force
      This will take some time to download a few Packages so wait for a few minutes.
    3. After npm i --force finishes run this command --> npm run dev.
      This Command will Start the development mode. Check If everything is working fine then your are good to go ahead.
    ------------------------------
    Note:- If you already have purchased the App version of Elite Quiz and already created firebase project at that time then you can skip 4.1 step
    ------------------------------

  4. How to configure firebase configuration and authorised domain add.

    1. Create firebase project in your account Elite Quiz
      Elite Quiz
      Elite Quiz
      Elite Quiz
    2. Add web application to your firebase project Elite Quiz
    3. Enter the App Name and Click on Register App Elite Quiz
    4. How to configure firebase integration and domain in firebase console. integrate
    5. Copy this Highlited Code and paste one by one as per label given in admin panel->web settings->settings Elite Quiz
    6. This credentials should match with the credentials that you have set in admin panel. Otherwise it will not work properly. Elite Quiz
    7. How to configure domain in firebase console
      8. firebase
    8. You have successfully connected your Web application to your firebase project.

  5. How to enable firebase auth

    1. Go to firebase project.Click on authentication menu and goto sign-in method. Enable all the authentication method mention in below image Elite Quiz
    2. If your are using google sign-in you need to enable OAuth APIs that you want to use using https://console.developers.google.com/ .Enable people api and make sure you've filled out all required fields in the console for OAuth consent screen. Otherwise, you may encounter APIException errors.
    3. After that Add your domain name without https:// OR http:// e.g elitequiz.wrteam.in Elite Quiz
    4. Please add support email as shown in below image. Go to project settings -> general -> public settings Elite Quiz

  6. How to enable cloud firestore

    1. Follow this steps in order to add cloud firestore Elite Quiz
      Elite Quiz
      Elite Quiz
    2. Change security rules of cloud firestore in order to make your web more secure Elite Quiz

  7. How to change Web Application name

    1. Change application name for your Web application. Go to Admin Panel > Profile and change the value of appName Elite Quiz

  8. How to set default language

    1. By default applicaiton language is English. If you want to change default language go to YOUR_APP_FOLDER > src > utils > config.js and add your respective language's code shown in below image. Get your language code from here https://developers.google.com/admin-sdk/directory/v1/languages.
      Make sure your language code is avaialble in https://developers.google.com/admin-sdk/directory/v1/languages. Elite Quiz
    2. If your default language is not in src/locale/[language-code].json then create new file in same folder with [language-code].json. Add all the labels from en.json and convert label values in your respective language Elite Quiz
    3. copy all the labels form en.json file in your [language-code].json file. Elite Quiz

  9. How to add new language

    1. Go to your admin panel and enable language mode as shown in below image Elite Quiz
    2. Go to your admin panel and add new language as shown in below image Elite Quiz
    3. Add newly added language code in list as shown in below image. Go to src > utils > config.js Get your language code from here https://developers.google.com/admin-sdk/directory/v1/languages. Make sure your language code is avaialble in https://developers.google.com/admin-sdk/directory/v1/languages. Elite Quiz
    4. Create new file in src/locale/ with [language-code].json. Add all the labels from en.json and convert label values in your respective language Elite Quiz
    5. copy all the labels form en.json file in your [language-code].json file. Elite Quiz

  10. How to change application colors

    1. Add your colors in YOUR_APP_FOLDER/public/css/style.css and do not change the color variables name Elite Quiz

  11. How to change application font

    1. Go to YOUR_APP_FOLDER/public/css/style.css and add your font as shown in image

      here you get font google font

      Elite Quiz

  12. How to Add Slider

    1. Go to admin panel -> web settings -> slider Elite Quiz

  13. How to Add Badges Images

    1. Go to admin panel -> Settings -> Badges Settings Elite Quiz

  14. How to Change LTR to RTL

    1. Go to Admin Panel -> Web Settings -> Settings Elite Quiz

  15. How set the Domain URL

    1. Go to .env file Elite Quiz

  16. How to deploy the Site

    1. After all the changes you are ready to deploy your Web applicaiton on Live Server.
    2. Open VS Code teminal by typing CTRL+J in Windows/Linux, and for MacOS CMD+J and execute the command --> npm run export
      This will take few seconds to build the live and the optimized version of the web application.
    3. After the process completion go to web`s code root files -> out folder and upload this files on your live server.
      (only upload out folder's files on server do not upload any other file on server)
    4. If you are facing any deployment related problems you can follow the official document : Next Js Web Deployment

  17. How to change Timer seconds

    1. Go to Admin Panel -> Settings -> System Utilities

      2. Elite Quiz

  18. How to disable quiz mode features

    1. Go to Admin Panel -> Settings -> System Configuration

      2. Elite Quiz

  19. How to disable home sections

    1. Go to Admin Panel -> Web Settings

      2. Elite Quiz

  20. How to Add Score

    1. Go to Admin Panel -> Settings -> System Utilities

      2. Elite Quiz

  21. How to Add Google AdSense

    1. Go to Google AdSense and sigin your account and Add site as per Image

      2. Elite Quiz
    2. click on Let's Go button
      3. Elite Quiz
    3. Copy this script code and paste to your src -> pages -> _document.js
      4. Elite Quiz Elite Quiz
    4. after script add you need to run command for build folder npm run export and upload to your server. and after click on verify button in google adsense Elite Quiz
    5. If it says “Getting ready…,” your account is still under review and your site will not display ads until it has been approved.
      6. Elite Quiz

Support

Yash Rajput for Web Support on Skype

ShakirAhemad Memon for Admin Panel Support on Skype

Contact our head of support by Sumit Mayani on Skype

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 nice 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 : support@wrteam.in

Thank you very much.

Admin Panel`s Server Issues

Issue 1

    Elite Quiz
    Elite Quiz

Solution

  1. Go to Admin panel's code root files -> index.php and write: ob_start(); in new line after <?php

    2. Elite Quiz