Active Quiz Web version & Mobile App

The complete documentation to run your quiz empire seamlessly.

Active Quiz is a powerful, full-featured web and mobile platform for creating, managing, and playing quizzes. Whether you're an educator, trainer, content creator, or business owner, Active Quiz empowers you to engage users with interactive quizzes, track their progress, and analyze performance all in real-time.

Built using the modern MERN stack (MongoDB, Express, React, and Node.js), Active Quiz is designed with speed, scalability, and flexibility in mind. The platform includes both a user-facing quiz player interface and a full-featured admin panel for managing quizzes, questions, categories, results, user analytics, and more.

With a clean UI, multilingual support, dark/light themes, and a responsive layout, Active Quiz ensures a seamless experience across devices. It's the ideal solution for institutions, schools, coaching centers, or corporate teams looking to test knowledge, host competitions, or train employees.

In this documentation, you’ll find step-by-step guidance for installation, environment setup, Firebase notifications (optional), deployment, and maintenance. The setup covers both backend (Node.js + Express) and frontend (React) instructions, including how to connect with MongoDB and configure your environment for production.

We’ve written modular, developer-friendly code and followed modern standards to make it easy for you to customize or scale the app to your needs. You can also benefit from our pre-built components, notification system, user management tools, and role-based access control.

If you run into any difficulties, we recommend reviewing this documentation and available video tutorials. For unresolved issues, our support team is available via email and will respond promptly.

Let’s get started and build something amazing with Active Quiz your complete quiz solution.

System Requirements

Ensure your system meets these requirements to run the MERN project seamlessly.

To successfully set up and run a MERN stack project, your development environment should meet the following system requirements. These requirements ensure that the application runs smoothly and efficiently.

Operating System

Your system should be running one of the following operating systems:

  • Windows 10 or later
  • macOS Sierra (10.12) or later
  • Linux (Ubuntu 18.04 or later, or any other modern distribution)

Hardware Requirements

Ensure your hardware meets the following minimum requirements:

  • Processor: Intel Core i3 or equivalent
  • RAM: 4 GB (8 GB recommended for better performance)
  • Storage: At least 10 GB of free disk space

Software Requirements

Your system should have the following software installed:

  • Node.js and npm:
    • Node.js version 14.x or later
    • npm (Node Package Manager) comes bundled with Node.js
  • MongoDB:
    • MongoDB Community Server version 4.4 or later
    • MongoDB Compass (optional, for a GUI to interact with MongoDB)
  • Code Editor:
    • Visual Studio Code (recommended) or any other code editor of your choice
  • Browser:
    • Google Chrome (recommended) or any modern web browser

Network Requirements

Ensure your network meets the following requirements:

  • Stable internet connection for downloading dependencies and packages
  • Access to external APIs or services if your project integrates with them

Additional Tools

Consider installing the following additional tools for a better development experience:

  • Postman: For testing API endpoints
  • Git: For version control
  • Docker: (Optional) For containerizing your application

By ensuring your system meets these requirements, you can create an optimal development environment for your MERN stack project. If you encounter any issues or need further assistance, please refer to the troubleshooting section or contact support.

Active Quiz Web Setup

This guide will help you set up a full-stack project with Node.js (backend) and React (frontend).

Introduction

Welcome to the setup guide for building a full-stack project with Node.js (backend) and React (frontend). This guide is beginner-friendly and will walk you through installing the necessary tools and verifying your setup.

  • Node.js is a JavaScript runtime built on Chrome's V8 engine.
  • React is a powerful JavaScript library for building interactive UIs.

Prerequisites

Before we get started, make sure you have:

  • A compatible Node.js version (14.x or later recommended)
  • npm (Node Package Manager, comes with Node.js)
  • Permissions to install software on your machine
  • A code editor (we recommend VS Code)

Install Node.js and npm

  1. Download Node.js:

    • Head over to the official site nodejs.org
    • Choose the LTS (Long-Term Support) version - best for most users.
    • Click the download button for your OS: Windows, macOS, or Linux.

    Node.js Download Page

  2. Install Node.js:

    • Locate the installer (usually in your Downloads folder)
    • Double-click the file to run the installer
    • Follow the on-screen steps (you can stick with the default settings)

    Node.js Installer

    Tip: Make sure the option to install npm is checked (enabled by default).

  3. Verify Installation:

    Open a terminal or command prompt and run the following commands to make sure everything's installed correctly:

    node -v
    • You should see a version like: v18.17.1 (or similar or above)
    npm -v
    • This should return something like: 9.6.7 (or similar or above)

Download & Install MongoDB Compass

  1. Go to the MongoDB Compass Website:

    MongoDB Compass Download Page

  2. Select the Correct Version and OS:

    • On the download page, you will see options for different operating systems. Choose the version that matches your system: Windows, macOS, or Linux.
    • For Windows, select the .exe package for easy installation.

  3. Download MongoDB Compass:

    • Click on the download button corresponding to your chosen version and OS.
    • The download should start automatically. If it doesn't, check your browser's download settings.

  4. Install MongoDB Compass:

    • Once the download is complete, locate the installer file in your Downloads folder or the location where your browser saves downloaded files.
    • Double-click the installer file to begin the installation process.
    • Follow the on-screen instructions. You can typically accept the default settings for a standard installation.
    • After the installation is complete, you can launch MongoDB Compass from the Start Menu (Windows) or Applications folder (macOS).

Create MongoDB Atlas Account

  1. Navigate to MongoDB Atlas:

  2. Sign Up for MongoDB Atlas:

    • On the MongoDB Atlas homepage, click on the "Sign Up" button.
    • You will be presented with several options to sign up. Choose "Sign up with Google" for a quick and easy registration process.
    • Follow the prompts to log in with your Google account credentials.

  3. Complete the Sign-Up Process:

    • After signing in with Google, you may need to provide some additional information to complete your MongoDB Atlas account setup.
    • Fill in any required details and follow the on-screen instructions to finalize your account creation.

    MongoDB Atlas Signup

  4. Access Your MongoDB Atlas Dashboard:

    • Once your account is created, you will be redirected to your MongoDB Atlas dashboard.
    • From here, you can create new projects, set up clusters, and manage your databases.

Set Up Firebase Project

  1. Go to Firebase Console:

    • Open your web browser and navigate to the Firebase Console.
    • Click on the "Add Project" button to start creating a new Firebase project.

    Firebase Console Add Project

  2. Enter Project Details:

    • Enter a name for your project, such as "app-name".
    • You will have the option to enable Google Analytics. For now, you can disable this unless you specifically need it.
    • Click on the "Create Project" button to proceed.

    Enter Project Details

    Enter Project Details

    Enter Project Details

  3. Register / Add Web App:

    • Once your project is created, you'll be taken to the project dashboard.
    • Click on the web icon (</>) to add a web app to your Firebase project.
    • Enter a name for your web app, such as "app-name", and register it.

    Register Web App

  4. Copy Firebase Config:

    • After registering your app, Firebase will provide you with a configuration object.
    • This object contains important details like your API key, project ID, and more.
    • Copy this configuration object as you will need it to connect your web app to Firebase.

    Firebase Config

                        const firebaseConfig = {
                        apiKey: "AlzaSyXXXXXX",
                        authDomain: "activequiz-app.firebaseapp.com",
                        projectId: "activequiz-app",
                        storageBucket: "activequiz-app.appspot.com",
                        messagingSenderId: "1234567890",
                        appId: "1:1234567890:web:abcdefg",
                    };

Configure Authentication

  1. Go to Authentication Section:

    • In the Firebase Console, navigate to the "Authentication" section by clicking on "Build" in the left sidebar and then selecting "Authentication".
    • Click on the "Get Started" button to begin setting up authentication for your project.

    Firebase Authentication Section

  2. Enable Email/Password Authentication:

    • In the Authentication section, find the "Email/Password" provider.
    • Click on it and then click the "Enable" button to activate email/password authentication for your app.
    • Don't forget to save your changes.

    Enable Email/Password Auth

  3. Enable Google Sign-In:

    • Similarly, find the "Google" provider in the Authentication section.
    • Click on it and then click the "Enable" button to activate Google Sign-In for your app.
    • You may need to provide a support email address as part of this setup.
    • Save your changes to apply the settings.

    Enable Google Sign-In

Environment Variables

To run this application, you need to set up the following environment variables. Create a .env file in the root directory of your project and add the following variables:

                MONGO_URI=your_mongodb_connection_string
                JWT_SECRET=your_secret_key
                PORT=your_port

Running the Application

  1. Install Dependencies:

    • Navigate to the project directory and run the following command to install all dependencies:
      • npm install

  2. Start the Backend:

    • Navigate to the backend directory and run:
      • npm run dev

  3. Start the Frontend:

    • Navigate to the frontend directory and run:
      • npm run dev

Troubleshooting

If you encounter issues, consider the following:

  • Ensure MongoDB is running and the connection URI is correct.
  • Double-check Firebase configuration and SDK initialization.
  • Verify all environment variables are set correctly.

🌍 Deploying to cPanel

Deploying your application to a server using cPanel involves several steps. Here's a simplified guide to help you through the process:

  1. Access cPanel:

    • Log in to your hosting account and access cPanel.

  2. Upload Your Project:

    • Use the File Manager in cPanel to upload your project files to the public_html directory or a subdirectory.

  3. Set Up the Database:

    • Use the MySQL Databases tool in cPanel to create a new database and user for your project.
    • Import your database schema if you have an existing database.

  4. Configure Environment Variables:

    • Set up environment variables in cPanel using the "Environment Variables" option if available, or directly in your application code.

  5. Install Dependencies:

    • Use SSH access in cPanel to navigate to your project directory and run npm install to install dependencies.

  6. Run Your Application:

    • Use a process manager like PM2 to run your Node.js application. Install PM2 globally using npm and start your application.

Deployment Documentation

For a more detailed deployment guide, refer to the official documentation:

If you need help with the installation, don’t hesitate to open a Support Ticket.

Active Quiz Mobile App Setup

This guide will help you set up and customize the Active QuizMobile App using Flutter on your local development environment.

🚀 Getting Started

To set up and customize the Active Quiz Mobile App, you'll need to:

  1. Set up your Flutter development environment
  2. Configure the project and run it
  3. Change package name and app name as needed
  4. Integrate Firebase services
  5. Connect to your Admin Panel
  6. Customize the appearance and features
  7. Generate a release version for app stores

🏗 App Architecture

The app is built with Flutter for both Android and iOS. It uses Firebase for:

  • Authentication
  • Cloud Firestore
  • Firebase Messaging
  • Firebase Storage
  • Analytics
  • Crashlytics

🔧 Flutter Setup

This guide walks through setting up Flutter for Active Quizdevelopment.

📥 Installing Flutter

  1. Download Flutter SDK from flutter.dev.
  2. Extract the zip (avoid spaces/special characters in path).
  3. Add Flutter to PATH environment variable.
  4. Run flutter doctor in terminal to verify.
Flutter Doctor Output

🖥 Setting Up an IDE

You can use:

  • Android Studio / IntelliJ IDEA: Install Flutter and Dart plugins.
  • VS Code: Install Flutter and Dart extensions.

📱 Android SDK Setup

  1. Open Android Studio
  2. Go to Tools → SDK Manager
  3. Install latest SDK + Emulator or connect a real device

🍎 iOS Development (Mac Only)

  1. Install Xcode + Command Line Tools
  2. Set up an iOS simulator or physical device

🏃 Run the App

  1. Navigate to your project directory
  2. Run flutter pub get
  3. Run flutter run
Running Flutter App

🔍 Troubleshooting Setup

  • Run flutter doctor -v
  • Check PATH, Android SDK, and restart system
  • Refer to Flutter docs or contact support if needed

Firebase Integration

Active Quiz uses Firebase for authentication, real-time database operations, and cloud storage. This guide will walk you through integrating Firebase with your app.

🚀 Add Firebase to Your Flutter App – Full Setup Guide

This guide walks you through integrating Firebase into your Flutter app using the FlutterFire CLI. The process is broken down into three clear steps:

🧱 Step 1: Prepare Your Workspace

Before diving in, make sure you've got all the essentials in place.

✅ Requirements:
flutter create your_project_name

⚙️ Step 2: Install and Run the FlutterFire CLI

This is where Firebase and Flutter shake hands 🤝

  1. Activate the FlutterFire CLI globally:
dart pub global activate flutterfire_cli
  1. Configure Firebase for your project. Make sure you're inside the root of your Flutter project:
flutterfire configure --project=<your_project_id>

Example:

flutterfire configure --project=fir-db266

This will:

  • Link Firebase with your app.
  • Generate lib/firebase_options.dart.

🔥 Step 3: Initialize Firebase in Flutter

Now let’s wire it all together in the code.

note: the 3rd step is already done by the app developer you’ll just need to use the cli comands give above

  1. Add the required dependencies in your pubspec.yaml:
                dependencies:
                  firebase_core: ^latest_version

Then run:

flutter pub get
  1. Update your main.dart:
                import 'package:flutter/material.dart';
                import 'package:firebase_core/firebase_core.dart';
                import 'firebase_options.dart';
                
                void main() async {
                  WidgetsFlutterBinding.ensureInitialized();
                  await Firebase.initializeApp(
                    options: DefaultFirebaseOptions.currentPlatform,
                  );
                  runApp(MyApp());
                }

🔄 Regenerate Firebase Options File

Now run the FlutterFire config command:

  1. First, delete the existing lib/firebase_options.dart and firebase.json.
  2. Run the following command:
flutterfire configure

This will:

  • Detect Android & iOS platforms.
  • Let you select the new Firebase project.
  • Generate a new lib/firebase_options.dart.

🧩 Get New Firebase Config Files

Android

Navigate to Firebase Console → Project Settings → Your apps → Android, then in your Flutter project:

  1. Download the new config file: google-services.json.
  2. Replace the file at: android/app/google-services.json.

Do not delete the file manually — just overwrite it with the new one.

iOS

Navigate to Firebase Console → Project Settings → Your apps → iOS:

  1. Download the new config file: GoogleService-Info.plist.
  2. Replace the file at: ios/Runner/GoogleService-Info.plist.

Again, don’t delete anything. Just overwrite the existing .plist.

🚀 Build the App for Verification

To complete the build verification for Envato, run these commands in your terminal:

                flutter clean
                flutter pub get
                flutter build apk
  • Make sure the current date (e.g., July 21, 2025) is visible in your system clock or terminal.
  • After building, launch the app on a device or emulator.
  • Ensure it opens without errors to confirm successful configuration.

🎨 Customize the App

  • Change app name in AndroidManifest.xml and Info.plist
  • Replace app icon: assets/logo/logo.png
  • Run: flutter pub run flutter_launcher_icons:main

📦 Generate Release Build

  • Android:
    • Create keystore & key.properties
    • Run: flutter build apk --release
  • iOS:
    • Archive using Xcode → Distribute

🎥 Video Tutorial: Complete App Build Process

  • Complete Build Process, Successful app launch without errors
  • Watch Video

  • Note: Follow the instructions in the video carefully to achieve the best results during the app build process.

Active Quiz Web App Features

Welcome to the Active Quiz Web App, an interactive and engaging platform crafted with React JS. Our app offers a variety of quizzes and features designed to make learning fun and rewarding.

Here's an overview of what our app offers:

  • Well Designed Layouts: Enjoy a seamless and visually appealing user interface.
  • Top Quiz: Challenge yourself with our top-rated quizzes.
  • Daily Quiz: Participate in daily quizzes to keep your knowledge sharp.
  • Guess the Word: A fun game to test your vocabulary skills.
  • Math Mania: Solve math problems and improve your mathematical abilities.
  • Fun ’N’ Learn: Engage in quizzes that are both fun and educational.
  • Quiz Contest for You: Join contests tailored just for you.
  • Trending Quiz: Stay updated with the latest trending quizzes.
  • Coin Rewards: Earn coins after every quiz you play.
  • Like & Dislike: Share your feedback on quizzes.
  • History of Coins: Keep track of the coins you've earned.
  • Login & Register: Create an account to save your progress.
  • User Google Login: Easily log in using your Google account.
  • Profile Details: View and manage your profile information.

* Our app is designed to provide a seamless and enjoyable experience for all users, making learning interactive and fun.

Powerful Admin Panel Features

Explore the capabilities of our Active Quiz Admin Panel, designed with React JS to give you full control over your quiz application. Manage users, quizzes, and configurations with ease.

Here's an overview of the features available in our Admin Panel:

  • Dashboard with Quiz/User Statistics Overview: Get a comprehensive view of quiz and user statistics.
  • Create and Manage Categories: Easily create and manage quiz categories.
  • Add Question with Various Fields of Selection: Add questions with multiple selection fields.
  • Manage Game Perks: Control and manage various game perks.
  • Manage Daily Quiz: Oversee and manage daily quizzes.
  • Manage Contest: Organize and manage quiz contests.
  • Manage Guess the Word: Handle the "Guess the Word" game settings.
  • Manage Fun ‘N’ Learn: Manage fun and educational content.
  • Manage Math Mania Controls: Adjust settings for the Math Mania section.
  • Manage Firebase Configuration: Configure Firebase settings for your application.
  • Frontend User Style Management System: Customize the frontend styles for users.
  • Adsense Management: Manage Adsense for various frontend slots.
  • Manage Mobile App Ads: Configure mobile app ads with AdMob and Unity.
  • Manage Notifications: Handle user notifications.
  • Manage User Activity: Monitor and manage user activities.
  • Manage Content: Update the content of Privacy Policy, Terms and Conditions, About Us, and Contact Us pages.

* Our Admin Panel is designed to provide comprehensive control and customization options, making it easier to manage your application efficiently.

Active Quiz Mobile App Features

Discover the Active Quiz Mobile App, crafted with Flutter to bring you a seamless and engaging quiz experience on your mobile device. Enjoy a variety of features designed to make learning fun and interactive.

Here's an overview of what our mobile app offers:

  • Well Designed Mobile Screen: Experience a user-friendly and visually appealing interface.
  • Top Quiz: Challenge yourself with our top-rated quizzes.
  • Daily Quiz: Participate in daily quizzes to keep your knowledge sharp.
  • Guess the Word: A fun game to test your vocabulary skills.
  • Math Mania: Solve math problems and improve your mathematical abilities.
  • Fun ’N’ Learn: Engage in quizzes that are both fun and educational.
  • Quiz Contest for You: Join contests tailored just for you.
  • Trending Quiz: Stay updated with the latest trending quizzes.
  • Coin Rewards After Every Play Quiz: Earn coins after every quiz you play.
  • Bookmark Question: Save questions to review later.
  • History of Coins: Keep track of the coins you've earned.
  • Like & Dislike: Share your feedback on quizzes.
  • Login & Register: Create an account to save your progress.
  • User Google Login: Easily log in using your Google account.
  • Profile Details: View and manage your profile information.

* Our mobile app is designed to provide a seamless and enjoyable experience for all users, making learning interactive and fun on the go.

Active Quiz Web App

Registration Screen Overview

Title: Register to Active Quiz

Fields:

  • Full Name: A text input field for entering the user's full name.
  • Mobile Number: A text input field for entering the user's mobile number.
  • Email: A text input field for entering the user's email address.
  • Password: A text input field for entering a secure password.
  • Confirm Password: A text input field for re-entering the password to confirm it.

Register Button: A blue "Register" button to submit the registration details and create a new account.

Register Screen

This image shows how the register screen will look like on the web.

LogIn Screen Overview

Title: User Login

Fields:

  • Email: A text input field for entering the registered user email address.
  • Password: A text input field for entering the secure password.

Login Button: A button to submit the login credentials and access the admin panel.

Social Login Option: Continue with Google: A button to allow users to register or log in using their Google account.

Login Screen

This image shows how the login screen will look like on the web.

MODULE 1: Top Quizzes

The "Top Quizzes" section on Active Quiz showcases a selection of popular quiz categories available on the platform. Users can explore these categories to participate in quizzes.

Key Feature:

  • See all button
  • Like & dislike functionality
Top Quizzes

This image shows how the Top Quizzes section screen will look like on the web.

See All Button:

Key Feature: A button labeled "SEE ALL" to view all available quiz categories.

Like & dislike functionality with filter.

Search bar

See All

This image shows how the 'see all' screen will look like on the web.

Welcome to Begin Quiz

The welcome screen for the Begin quiz on Active Quiz provides users with an overview of the quiz rules and options to join or play as a guest.

Screen Overview:

  • Title: WELCOME
  • Quiz Name
  • Quiz Icon: An icon representing the quiz category.
  • Rules

Action Buttons:

  • JOIN ACTIVE QUIZ: A button for users to join the Active Quiz platform and participate in the quiz.
  • PLAY AS GUEST: A button for users to play the quiz as a guest without joining the platform.
Welcome Screen

This image shows how the welcome screen will look like on the web.

MODULE 2: Menu

Section Overview:

  1. Popular Quizzes: The "Popular Quizzes" section on Active Quiz showcases a selection of popular quiz categories available on the platform. Users can explore these categories to participate in quizzes.
  2. More options:
    • Question Bookmark
    • Privacy Policy
    • Terms and Conditions
    • Contact Us
    • About Us
    • Logout
  3. Follow Us On:
    • Instagram
    • Facebook
    • Twitter
    • WhatsApp
    • YouTube
Menu

This image shows how the menu bar will look like on the web.

MODULE 3: Quiz Contests for You

The "Quiz Contests For You" section on Active Quiz showcases a selection of ongoing quiz contests available for users to participate in. Each contest offers a chance to win prizes and engage in competitive quizzing.

Quiz Contests

This image shows how the quiz contest section screen will look like on the web.

See All Button:

A button labeled "SEE ALL" to view all available quiz contests.

See All Contests

This image shows how the 'see all' screen will look like on the web.

Join Contest

The "Join Contest" screen on Active Quiz provides users with an opportunity to participate in a quiz contest where they can win coins.

Screen Overview:

  • Title: Play & Win coins
  • Quiz Icon: An icon representing the quiz category icon.
  • Rules and Instructions:
    • Time Allocation: Users have split seconds to answer a question.
    • Answering Questions: Users are encouraged to answer as many questions as they can within the given time.
    • Lifelines: Users can take help by using the lifelines present in the contest.

Lifelines can be used for free or by using a given amount of coins for each lifeline.

Action Links:

  • View Prizes: A link to view the prizes that can be won in the contest.
  • Rules: A link to view the detailed rules of the quiz contest.

Action Button:

PLAY NOW: A prominent button for users to start playing the quiz immediately.

Join Contest

This image shows how the join contest screen will look like on the web.

MODULE 4: Trending Quiz Topics

The "Trending Quiz Topics" section on Active Quiz highlights popular quiz categories that are currently trending. Users can explore these topics to participate in quizzes that are popular among the community.

Section Overview:

  • Title: Trending Quiz Topics

See All Button: A button labeled "SEE ALL" to view all trending quiz topics.

Trending Quiz Topics

This image shows how the trending quiz screen will look like on the web.

Quiz Category Overview

The Active Quiz platform provides users with a variety of quiz categories to explore and participate in. Each category offers a unique set of quizzes and contests.

Section Overview:

  • Title: [Category Name]
  • About [Category Name]:
    • Description: Welcome to the [Category Name] Quiz category on Active Quiz, where you can test your knowledge on a wide range of topics.
    • Learn about fascinating aspects of the category, including historical events, cultural significance, and more.

Test your knowledge with our quiz, which covers everything from basic to advanced topics.

Quiz Details:

[Category Name] Quiz: [Number of Questions] Questions - [Duration in Minutes] Minutes

Action Button:

TAP TO PLAY: A button to start playing the [Category Name] quiz.

Contests in [Category Name]:

Win up to [Prize Amount] coins:

Duration: Ends in [Time Remaining]

Participants: [Number of Players] players playing

Action Button: "PLAY FOR [Entry Prize]"

Quiz Category

This image shows how the quiz category will look like on the web.

MODULE 5: Questions

Quiz Question Screen

The quiz question screen on Active Quiz presents users with a question and multiple-choice answers. Users can utilize lifelines to assist them in answering the question.

Screen Overview:

  • Score Display: Your Score: [Current Score] (indicating the current score of the user)
  • Question Counter: [Current Question]/[Total Questions]: Indicates the current question number out of the total number of questions.
  • Question: [Question Text] - A multiple-choice question asking for specific information or knowledge.
  • Answer Choices:
    • [Option 1]: One of the possible answers.
    • [Option 2]: One of the possible answers.
    • [Option 3]: One of the possible answers.
    • [Option 4]: One of the possible answers.

Lifelines: Users can take help by using the lifelines present in the contest.

Lifelines can be used for free or by using a given amount of coins for each lifeline.

Timer:

[Time Remaining]s: A countdown timer indicating the time remaining to answer the question.

Lifeline Options:

  • 50:50: Eliminates two incorrect answer choices, leaving the user with two options to choose from.
  • Audience Poll: Shows the percentage of an audience that chose each answer, providing insight into the most popular choice.
  • Freeze Timer: Pauses the countdown timer, giving the user more time to think about the question.
  • Flip Question: Allows the user to skip the current question and answer a different one.

Close Button:

CLOSE: A button to close the lifeline options panel.

Quiz Questions

This image shows how the quiz question screen will look like on the web.

MODULE 6: Content Over

Quiz Completion Screen

The quiz completion screen on Active Quiz provides users with a summary of their performance after completing a quiz contest.

Screen Overview:

  • Title: [Quiz Category]
  • Subtitle: Play & Win [Prize Amount]
  • Performance Summary:
    • Well Played! A congratulatory message for completing the quiz.
    • Winners Announcement: Information on when the winners will be announced (e.g., @ 05:15 PM).
  • Score and Rank:
    • Your Score: [User's Score] (indicating the total score achieved by the user in the quiz).
    • Current Rank: [User's Rank] (indicating the current rank of the user based on their score).
Quiz Completion

This image shows how the quiz completion screen will look like on the web.

MODULE 7: Coin History

If the user is logged in and if the user clicks on the coin button, it will show the section given below:

Coin History

This image shows how the coin history section will look like on the web.

MODULE 8: Profile

If the user clicks on the profile button, it will open a page as shown below. It will contain details like below:

  • Name
  • Email
  • Mobile
  • Status
  • Coins
  • Joined date
  • Logout
Profile

This image shows how the profile page will look like on the web.

MODULE 9: Footer

In the image shown below, it displays the footer section which contains modules named below:

  • Terms & Conditions
  • Privacy Policy
  • Contact Us
  • About Us

The content added by administrators, such as 'About Us', 'Contact Us', 'Terms & Conditions', 'Privacy Policy' information, will be displayed here once it is created or updated from the admin panel.

Footer

This image shows how the footer section will look like on the web.

Version 1.0.1

MODULE 1: Bookmark Question

The image shown below displays the "Bookmark Question" section, which allows users to bookmark questions for later review.

  • Question Display
  • Multiple Choice Options
  • Bookmark Button

Users can bookmark questions they find interesting or challenging to review later.

Bookmark Question

This image shows how the "Bookmark Question" section will look in the app.

MODULE 2: Contest Rules

The image shown below displays the "Contest Rules" section, which provides users with detailed guidelines and rules for participating in quiz contests.

  • Duration of Contests
  • Scoring System
  • Use of Lifelines
  • Bonus Points
  • Leaderboard
  • Winners Declaration

Each rule is clearly outlined, covering aspects such as the duration of contests, scoring system, and the use of lifelines.

Contest Rules

This image shows how the "Contest Rules" section will look in the app.

MODULE 3: Spin the Wheel

The image shown below displays the "Spin the Wheel" section, which allows users to spin a wheel for a chance to win coins.

  • Spin Now Button
  • Different Outcome Segments
  • Limited Number of Spins

Users can spin the wheel by clicking the "Spin Now" button and have a limited number of spins available.

Spin the Wheel

This image shows how the "Spin the Wheel" section will look in the app.

MODULE 4: Wallet

The image shown below displays the "Wallet" section, which allows users to manage their earnings and redeemable amounts.

  • Total Coins
  • Redeemable Amount
  • Request Transactions
  • Redeem Coins

Users can view their total coins and the equivalent redeemable amount in dollars. The wallet interface provides options to request transactions and redeem coins for real-world value.

Wallet

This image shows how the "Wallet" section will look in the app.

MODULE 5: Wallet Transaction

The image shown below displays the "Wallet Transaction" section, which shows the total earnings and redeemable amount.

  • Total Earnings
  • Redeemable Amount
  • Pending Transactions

Users can view their total earnings and the equivalent redeemable amount in dollars. The wallet interface provides options to see pending transactions.

Wallet Transaction

This image shows how the "Wallet Transaction" section will look in the app.

MODULE 6: Payout Method

The image shown below displays the "Payout Method" section, which allows users to select their preferred method for redeeming their earnings.

  • Redeemable Amount
  • Select Payment Method
  • Continue Button

Users can choose from various payment options such as PayPal, UPI, or Google Pay. The screen displays the redeemable amount and the equivalent coins that will be deducted.

Payout Method

This image shows how the "Payout Method" section will look in the app.

MODULE 7: Quiz Bites

The image shown below displays the "Quiz Bites" section, which allows users to select up to three categories for their quiz session.

  • Category Selection
  • Category Icons and Titles
  • Play Button

Each category is represented by an icon and a title, such as "India" or "Bollywood," making it easy for users to choose their preferred topics.

Quiz Bites

This image shows how the "Quiz Bites" section will look in the app.

Active Quiz Admin Panel

Active Quiz is an engaging and interactive platform designed for brain-storming through quizzes. With a sleek and user-friendly interface, it offers an excellent experience for users of all ages. The platform features a vast range of quiz topics, allowing users to learn and test their knowledge in different topics.

Admin Panel Login

Accessing the Admin Panel

To begin managing the quiz-related changes and content management, we will need to log in as admin.

Login Screen Overview

Login Fields:

  • Email: Enter your registered admin email address.
  • Password: Type your secure password.
Login Screen

This image shows how the login screen will look like on the web.

MODULE 1: Admin Dashboard

The Dashboard Module provides an overview and quick access to various sections of the admin panel. It is designed to be user-friendly and intuitive, allowing administrators to efficiently manage different aspects of the platform.

Key Features:

  1. Category Management: Access and manage different categories available on the platform.
  2. Question Management: Create, edit, and organize questions for quizzes or contests.
  3. System Perks: Handles quiz-related questions, points, and quiz time.
  4. System Users: Manage user accounts, including adding, editing, and removing users.
Admin Dashboard

This image shows how the Admin Dashboard will look like on the web.

MODULE 2: Active Quiz

There are three sub-modules in Active Quiz as named below:

  • Main categories
  • View questions
  • Import questions

Submodule 1: Main Categories (with AI-Powered Assistance)

Title:

The **"Add Quiz Category"** form allows admins to create new quiz categories for organizing quizzes. With AI integration, content suggestions such as name ideas, slugs, descriptions, and image hints can be generated to streamline category creation.

Form Fields (all fields are required):

  • Name: A text input field to enter the name of the quiz category. AI Suggestion available: The system can auto-suggest catchy or trending category names based on quiz topics.
  • Slug: A URL-friendly version of the name (lowercase, no spaces). AI Suggestion available: Auto-generates based on the category name.
  • Priority: Defines the display order or importance of the category. AI Insight: Recommends priority based on category popularity trends.
  • Prize: Entry fee or reward amount for quizzes in this category.
  • Players: Defines expected player count or capacity per quiz.
  • Image: Upload an image representing the quiz category. AI Feature: Recommends image types or pulls sample thumbnails from quiz context.

AI-Powered Enhancements:

Admins can click the “Generate with AI” button beside certain fields like Name, Slug, or Description. This uses AI to suggest context-aware values based on trends, previous data, or content intent.

Submit Button:

A blue “Create” button is located at the bottom. Upon clicking, the form submits the new category data and the AI-generated values (if used) are stored along with manual inputs.

Quiz Categories Table

This table lists all the quiz categories along with their relevant details. AI-backed analytics such as popularity or engagement predictions can optionally be shown beside each row.

  • Image: Thumbnail representing the category.
  • Name: Quiz category title.
  • Slug: URL-friendly identifier.
  • Priority: Display ordering indicator.
  • Time Left: Time remaining for associated quizzes.
  • Prize: Entry reward.
  • Players: Number of participants so far.
  • Actions: Buttons to view, edit, or delete the quiz category or its questions.
Quiz Categories

This image shows how the quiz categories are displayed on the frontend, enriched with AI-suggested labels and images.

Submodule 2: View Questions

View Questions Table

The "View Questions" table provides an overview of various quiz questions, including their options, correct answers, levels, main categories, and actions.

Table Structure:

  • #: Serial number of the question.
  • Question: Text of the quiz question.
  • Option A: First option for the answer.
  • Option B: Second option for the answer.
  • Option C: Third option for the answer.
  • Option D: Fourth option for the answer.
  • Answer: Correct answer to the question.
  • Level: Difficulty of the question (e.g., easy, medium, hard).
  • Main Category: Origin category of the current question.
  • Actions: Actions for each question (Edit, Delete).
View Questions

This image shows how the View Questions will look like on the web.

Submodule 3: Import Questions

AI-Powered Question Import Interface

The "Import Questions" module empowers administrators to efficiently add quiz content through either manual input or bulk CSV upload. This section is enhanced with AI capabilities that assist in auto-generating well-structured quiz questions, multiple choice options, and even suggested answers based on a given topic or keyword. The goal is to reduce manual work and ensure content consistency and quality across quizzes.

Tabs:

  • Manual Entry: A form-based approach where users can enter one question at a time. This form is equipped with an AI assistant that suggests options and correct answers as the user types a question.
  • CSV Upload: Enables administrators to bulk-upload questions using a standardized CSV format. The AI scans for incomplete or inconsistent data and suggests corrections before import (CSV section UI not shown in the image).

Manual Entry Fields (AI-Enhanced):

  • Question: Text input where users enter the quiz question. AI assists by autocompleting or suggesting rephrased versions for clarity.
  • Option A – D: Four input fields for multiple-choice answers. Based on the question context, the AI can suggest balanced options that include plausible distractors.
  • Correct Answer: Dropdown to select the right answer. AI may pre-select the answer if it has high confidence in its suggestion.
  • Select Level: Dropdown for selecting the difficulty (e.g., Easy, Medium, Hard). The AI can suggest a level based on question complexity.
  • Select Main Category: Dropdown to associate the question with a quiz category. The AI suggests the best-fit category based on keywords in the question.

Add Question Button:

Clicking the "Add Question" button submits the form data to the system. In case of incomplete fields or logical inconsistencies (e.g., duplicated options), the AI prompts corrections before submission.

Import Questions

This image shows how the Import Questions section appears on the web with dual entry modes and AI support.

MODULE 3: Settings

There are several sub-modules in Settings as named below:

  • Game perks
  • Firebase settings
  • About Us setting
  • Contact Us setting
  • Terms & Conditions setting
  • Privacy Policy setting

Submodule 1: Game perks

System Utilities Settings

The "System Utilities Settings" panel allows administrators to configure various settings related to the quiz system.

Panel Structure:

  • Title: System Utilities Settings
  • Fields:
    • Right Answers Points:
      • Label: Enter right Answers Points
      • Input Field: A text input field for entering the points awarded for correct answers.
    • Wrong Answers Deduct:
      • Label: Enter wrong Answers Deduct
      • Input Field: A text input field for entering the points deducted for wrong answers.
    • Time Left:
      • Label: Enter time Left
      • Input Field: A text input field for entering the time left for the quiz.
    • Total Question:
      • Label: Enter total Question
      • Input Field: A text input field for entering the total number of questions in the quiz.
  • Save Button: A purple "Save Settings" button to save the configured settings.
  • Error Message: A message displayed below the save button indicating "Failed to fetch settings."
System Utilities

This image shows how the system utilities will look like on the web.

Submodule 2: Firebase Configuration

The "Firebase Configuration" panel allows administrators to set up Firebase Admin credentials for the system.

Panel Structure:

  • Title: Firebase Configuration
  • Description: Setup your Firebase Admin credentials here.
  • File Upload:
    • Label: Upload File
    • Button: Choose File (Supports JSON files for Firebase)
  • Instructions:
    1. Open your Firebase console and go to: Firebase Admin SDK Settings.
    2. Select your project.
    3. Click Generate New Private Key and confirm download.
    4. Upload the downloaded JSON file here.
  • Save Button: A blue "Save Configuration" button to save the uploaded Firebase configuration.
Firebase Configuration

This image shows how the Firebase Config will look like on the web.

Submodule 3: About Us Setting

About Us Page Editor

The "About Us" panel allows administrators to configure the content shown on the About Us page of the platform.

Panel Structure:

  • Title: About Us
  • Fields:
    • About Us Text:
      • Label: Enter About Us Content
      • Input Field: A textarea for entering descriptive text about the platform.
  • Save Button: A blue "Save" button to store the About Us content.
About Us Section

This image shows how the About Us section appears on the web. Other submodules of this module will contain the same UI and layout and will also do the same work as this.

MODULE 4: Web Settings

There are several sub-modules in Web Settings as named below:

  • General setting
  • Web ads setting
  • About Us setting
  • Notification sender
  • Android & iOS ad setting

Submodule 1: General setting

Admin Panel - Manage Settings

The "Admin Panel - Manage Settings" allows administrators to manage various settings related to the platform.

Panel Structure:

  • Title: Admin Panel - Manage Settings
  • Fields:
    • Text Color: Color picker for selecting the text color.
    • Button Color: Color picker for selecting the button color.
    • Font Size: Dropdown menu for selecting the font size.
    • Font Family: Dropdown menu for selecting the font family.
    • Header Logo: Button: Choose File - No file chosen
    • Footer Logo: Button: Choose File - No file chosen
Web Ads Setting

This image shows how the web ad configuration panel appears on the web.

Submodule 2: Web Ads Setting

Manage Ad Slots

The "Manage Ad Slots" panel allows administrators to configure and manage advertisement slots on the platform.

Panel Structure:

  • Title: Manage Ad Slots
  • Toggle: A switch to enable or disable all ad slots globally.
  • Ad Slots:
    • BANNERADS Ad:
      • Ad Type: Dropdown to select the type of ad (e.g., BannerAd).
      • Ad Code: Text input field to paste the ad code snippet.
      • Save Button: A blue "Save" button to apply the ad configuration.
    • IN-FEEDADS Ad:
      • Ad Type: Dropdown to select the type of ad (e.g., InFeedAd).
      • Ad Code: Text input field for the in-feed ad code.
      • Save Button: A blue "Save" button for this ad configuration as well.
Web Ads Setting

This image shows how the web ad configuration panel appears on the web.

Submodule 3: Notification Sender

Send Push Notification

The "Send Push Notification" panel allows administrators to send announcements or alerts to users.

Panel Structure:

  • Title: Send Push Notification
  • Fields:
    • Title: Text input field to enter the title of the notification.
    • Body: Text input field to write the content/message body.
    • Send To: Dropdown menu to select target recipients (e.g., All Users).
  • Send Button: A blue "Send Notification" button to deliver the message.
Notification Sender

This image shows how the push notification panel appears on the web.

Submodule 4: Android & iOS Ad Setting

Ad Network Configuration

The "Ad Network Configuration" panel allows administrators to configure ad unit IDs for both Android and iOS platforms using AdMob or Unity Ads.

Panel Structure:

  • Title: Ad Network Configuration
  • Description: Separate ad unit IDs are required for each platform.
  • Fields:
    • Ad Type: Dropdown to select ad network (e.g., AdMob or Unity).
    • Ad Unit IDs:
      • Banner Ad: Text input field for AdMob banner ad unit ID.
      • Interstitial Ad: Text input for interstitial ad unit ID.
      • Rewarded Ad: Input for rewarded ad unit ID.
      • Rewarded Interstitial Ad: Input for rewarded interstitial ad unit ID.
      • App Open Ad: Input for app open ad unit ID.
      • Unity ID (if using Unity Ads): Text input field for Unity ad ID.
  • Save Button: A blue "Save Config" button to save the ad network settings.
Ad Network Configuration

This image shows how the Android & iOS ad settings panel appears on the web.

MODULE 5: User

This module provides administrators with the ability to view and manage registered users on the platform.

The user listing displays essential information such as profile image, full name, registration date, and mobile number. It also includes action buttons to edit user details or update the user's status. This allows for efficient user control and management within the admin panel.

User Module

This image shows how the user list appears in the admin panel.

Version 1.0.1

MODULE 8: True-False Questions

The image shown below displays the "True-False Questions" section, which allows users to add and manage true-false questions.

  • AI Prompt for generating questions
  • Enter Question field
  • True/False selection
  • Difficulty Level selection
  • Category selection
  • Add Question button

Users can enter questions, select whether the answer is true or false, choose the difficulty level, and select a category for the question.

True-False Questions

This image shows how the "True-False Questions" section will look in the app.

MODULE 9: Contest Rules

The image shown below displays the "Contest Rules" section, which provides users with detailed guidelines and rules for participating in quiz contests.

  • Company Mission
  • Company History
  • Contact Information

Each rule is clearly outlined, covering aspects such as the mission, history, and contact information of the company.

Contest Rules

This image shows how the "Contest Rules" section will look in the app.

MODULE 10: Payment Requests

The image shown below displays the "Payment Requests" section, which allows users to view and manage payment requests.

  • Search functionality
  • Select Status filter
  • Submit button
  • Payment Requests table with details

Users can search for specific requests, filter by status, and view detailed information about each payment request.

Payment Requests

This image shows how the "Payment Requests" section will look in the app.

MODULE 11: Payment Request Details

The image shown below displays the "Payment Request Details" section, which allows users to view and edit the details of a payment request.

  • Details section
  • Status selection
  • Close button
  • Save Changes button

Users can view the details of a payment request, change the status, and save the changes.

Payment Request Details

This image shows how the "Payment Request Details" section will look in the app.

MODULE 12: Payment Settings

The image shown below displays the "Payment Settings" section, which allows users to configure settings related to payments.

  • Enable/Disable Payment toggle
  • Per Coin value
  • Per Amount value
  • Currency Symbol
  • Minimum Coins for Request
  • Difference in hours between consecutive payment requests

Users can enable or disable payments, set the value per coin and per amount, choose the currency symbol, and set minimum coins for a request and the time difference between consecutive payment requests.

Payment Settings

This image shows how the "Payment Settings" section will look in the app.

MODULE 13: System Languages

The image shown below displays the "System Languages" section, which allows users to manage languages for the system.

  • Admin Panel
  • App Panel
  • Web Panel
  • Add Admin Language form
  • Admin Language List

Users can add new languages for the admin, app, and web panels, and view the list of available languages.

System Languages

This image shows how the "System Languages" section will look in the app.

MODULE 14: Edit Request

The image shown below displays the "Edit Request" section, which allows users to edit the details of a payment request.

  • Status selection
  • Close button

Users can edit the status of a payment request and close the edit view.

Edit Request

This image shows how the "Edit Request" section will look in the app.

Active Quiz Mobile App

Active Quiz is an engaging and interactive application designed for brainstorming through quizzes. With a sleek and user-friendly interface, it offers an excellent experience for users of all ages. The platform features a vast range of quiz topics, allowing users to learn and test their knowledge in different topics.

Key Features

  • Multiple Quiz Types: Daily quizzes, contests, Comprehensive Quiz Challenge.
  • Social Integration: Seamless login with Google & Email.
  • Single Player Showdown: Users can take the stage and own the spotlight.
  • Engagement Booster: Spin-to-Win Coin Mechanics.
  • Ad Integration: Built-in Google AdMob & Unity Ads.
  • Dynamic UI Control: Real-time theming for a fully branded experience.
  • Admin Access: Update quizzes, users, rewards, and more from the panel.
  • Stay Fresh: Built-in force update to keep everyone on the latest version.
  • Show Off Your Score: Share results with friends in one tap.
  • Your Question Vault: Bookmark tricky or loved questions on-device.
  • Quiz Alerts: Notifications for upcoming challenges.

1. Splash Screen

Description:

A quick, branded intro screen that sets the tone and loads initial assets.

Features:

  • App logo and name.
  • Loading animation or progress bar.
  • Brief tagline or welcome message.
Splash Screen

This image shows how the splash screen will look like on the app.

2. Onboarding

Description:

Introductory walkthrough for new users, highlighting features and gameplay.

Features:

  • Choose some topics you might like feature.
  • Start Now button to start using the app.
Onboarding Onboarding

This image shows how the onboarding screen will look like on the app.

🔐 Login Screen

Title:

Login to Active Quiz 🧠 (keep the emoji, it slaps)

Fields:

  • Email
  • Password

Button:

Big blue Login button

Link:

Don't have an account? Register

Social Option:

Sign in with Google

Login Screen

This image shows how the login screen will look like on the app.

📱 Register Screen

Title:

Register (already shown in below screenshot)

Fields:

  • Full Name
  • Email
  • Mobile Number
  • Password
  • Confirm Password

Button:

Register button (styled like the one in the screenshot: pill-shaped, purple text, black background)

Link:

Already have an account? Login

Register Screen

This image shows how the register screen will look like on the app.

4. Home Screen

Description:

Central hub with featured quizzes, categories, and quick access to other sections.

Features:

  • Featured quizzes with images and titles.
  • Quick access buttons to categories, spin wheel, and other sections.
  • Top Quiz Contest’s List
  • User profile icon or section.
Home Screen

This image shows how the home screen will look like on the app.

5. Categories Screen

Description:

Browse and explore quizzes by different topics or themes.

Features:

  • Grid or list view of quiz categories.
  • Icons and titles for each category.
  • Option to search or filter categories.
Categories Screen

This image shows how the categories screen will look like on the app.

6. Quiz Details Screen

Description:

Shows detailed information about a quiz, including the number of questions, time limit, difficulty, and rewards.

Features:

  • Quiz title and description.
  • Number of questions and time limit.
  • Difficulty level indicator.
  • Rewards or coins that can be earned.
  • Play Now button.
Quiz Details Screen

This image shows how the quiz details screen will look like on the app.

7. Quiz Play Screen

Description:

Interactive gameplay screen with multiple-choice questions, lifelines, timer, and sound effects.

Features:

  • Question display with multiple-choice answers.
  • Timer for each question.
  • Lifelines ⇒ 50:50, audience poll, freeze timer, Flip Question
  • Sound effects for correct/incorrect answers.
  • Progress indicator showing the current question number.
Quiz Play Screen

This image shows how the quiz play screen will look like on the app.

8. Results Screen

Description:

Displays score, correct/incorrect answers, time taken, and earned rewards.

Features:

  • Summary of the quiz results.
  • Score and time taken.
  • Number of correct and incorrect answers.
  • Rewards or coins earned.
  • "Share Your Results" button to share scores on social media or with friends.
Results Screen

This image shows how the results screen will look like on the app.

9. Coin History Screen

Description:

View full transaction history of earned and spent coins from quizzes, spin rewards, etc.

Features:

  • List of transactions with dates and amounts.
  • Filter options to view specific types of transactions.
  • Total coins balance.
Coin History Screen

This image shows how the coin history screen will look like on the app.

11. Question Bookmark Screen

Description:

Keep your favorite questions close, even when offline because true learning never pauses.

Features:

  • List of bookmarked questions.
  • Option to view and attempt bookmarked questions.
  • Filter or search functionality to find specific questions.
Question Bookmark Screen

This image shows how the question bookmark screen will look like on the app.

Lifelines in Active Quiz

Lifelines are special tools that can help users during a quiz by providing assistance or advantages. Here are the typical lifelines you might find in our app:

1. 50:50

Description:

The 50:50 lifeline eliminates two incorrect answer choices from the multiple-choice options, leaving the user with two options to choose from.

How to Use:

When a question is presented with four possible answers, selecting the 50:50 lifeline will remove two wrong answers. This increases the probability of selecting the correct answer from the remaining choices.

2. Audience Poll

Description:

The Audience Poll lifeline shows the percentage of an audience that chose each answer, providing insight into the most popular choice.

How to Use:

When activated, the app displays a bar graph or percentages showing how an audience (simulated or real) voted on each answer option. This can help guide the user towards the most likely correct answer based on collective opinion.

3. Flip Question

Description:

The Flip Question lifeline allows the user to skip the current question and answer a different one.

How to Use:

If a user is unsure about the current question, they can use this lifeline to get a new question. This can be particularly useful if the user feels more confident about other topics in the quiz.

4. Freeze Timer

Description:

The Freeze Timer lifeline pauses the countdown timer, giving the user more time to think about the question.

How to Use:

When activated, the timer for the current question is paused, allowing the user additional time to consider their answer. This can be helpful for more difficult questions that require extra thought.

Version 1.0.1

MODULE 1: Spin the Wheel

The image shown below displays the "Spin the Wheel" section, which allows users to spin a wheel for a chance to win coins. The wheel is divided into different segments, each representing a different outcome such as winning coins or a "Better luck next time" message.

  • Spin Now Button
  • Different Outcome Segments
  • Limited Number of Spins

Users can spin the wheel by clicking the "Spin Now" button and have a limited number of spins available.

Spin the Wheel

This image shows how the "Spin the Wheel" section will look in the app.

MODULE 2: Contest Rules

The image shown below displays the "Contest Rules" section, which provides users with detailed guidelines and rules for participating in quiz contests.

  • Duration of Contests
  • Scoring System
  • Use of Lifelines
  • Bonus Points

Each rule is clearly outlined, covering aspects such as the duration of contests, scoring system, and the use of lifelines.

Contest Rules

This image shows how the "Contest Rules" section will look in the app.

MODULE 3: Quiz Bites

The image shown below displays the "Quiz Bites" section, which allows users to select up to three categories for their quiz session.

  • Category Selection
  • Category Icons and Titles
  • Play Button

Each category is represented by an icon and a title, such as "India" or "Bollywood," making it easy for users to choose their preferred topics.

Quiz Bites

This image shows how the "Quiz Bites" section will look in the app.

MODULE 4: Refer and Earn

The image shown below displays the "Refer and Earn" section, which allows users to invite friends and earn free coins.

  • Referral Code
  • Share Now Button
  • Earn Coins for Referrals

By sharing a unique referral code, users receive 50 coins, and their friends also get 50 coins upon joining.

Refer and Earn

This image shows how the "Refer and Earn" section will look in the app.

MODULE 5: Wallet

The image shown below displays the "Wallet" section, which allows users to manage their earnings and redeemable amounts.

  • Total Coins
  • Redeemable Amount
  • Request Transactions
  • Redeem Coins

Users can view their total coins and the equivalent redeemable amount in dollars. The wallet interface provides options to request transactions and redeem coins for real-world value.

Wallet

This image shows how the "Wallet" section will look in the app.

MODULE 6: Wallet Transaction

The image shown below displays the "Wallet Transaction" section, which shows the total earnings and redeemable amount.

  • Total Earnings
  • Redeemable Amount
  • Pending Transactions

Users can view their total earnings and the equivalent redeemable amount in dollars. The wallet interface provides options to see pending transactions.

Wallet Transaction

This image shows how the "Wallet Transaction" section will look in the app.

MODULE 7: Payout Method

The image shown below displays the "Payout Method" section, which allows users to select their preferred method for redeeming their earnings.

  • Redeemable Amount
  • Select Payment Method
  • Continue Button

Users can choose from various payment options such as PayPal, UPI, or Google Pay. The screen displays the redeemable amount and the equivalent coins that will be deducted.

Payout Method

This image shows how the "Payout Method" section will look in the app.

Free Help & Support

The Active Quiz platform includes free support. For any questions or assistance, feel free to contact us directly. Our team is here to help you have a smooth and successful experience.

Email: activeithub@gmail.com

Mobile No : +91 9662165636

Support covers issues related to core features, bug fixes, and problems during installation or setup of the application. Please note that we do not provide support for third-party plugins, integrations, or major customizations.

If you require advanced custom changes, we recommend consulting a developer or reaching out for our customization service.

Please include your license key or proof of purchase when submitting a ticket for faster assistance.

Thank You for Choosing Active Quiz!

We sincerely appreciate your decision to use Active Quiz for your application or business. Your support means a lot to us, and we are here to assist you with any questions or feedback related to the platform.

While we can't guarantee immediate resolution for every case, we’ll always do our best to provide helpful and timely support.

If you enjoy using Active Quiz, we’d be grateful if you could take a moment to rate us ⭐⭐⭐⭐⭐ on your preferred platform.
— Active Quiz Team