Active Quiz

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

Title:

The form denoted 'Add Quiz Category' is used to create and define a new category under which quizzes can be organized.

Form Fields (all fields are required):

  • Name: A text input field where the user can enter the name of the quiz category.
  • Slug: A text input field for entering a URL-friendly version of the category name, typically in lowercase and without spaces.
  • Priority: A text input field where the user can specify the priority level of the quiz category, possibly for ordering or importance.
  • Prize: A text input field to specify the entry prize required to participate in quizzes.
  • Players: A text input field to specify the number of players or participants in the quiz.
  • Image: A file upload field with a "Choose File" button, allowing the user to upload an image related to the quiz category.

Submit Button:

A blue "Create" button at the bottom of the form, which the user can click to submit the form and create the new quiz category.

Quiz Categories Table

The table below shows a list of all quiz categories and their details. Each row is one category, and the columns explain things like:

  • Image: A small icon that represents the quiz category.
  • Name: The name of the quiz category.
  • Slug: A simple, URL-friendly version of the name.
  • Priority: The order or importance level for showing the category.
  • Time Left: How much time is left for that category's quiz (in minutes).
  • Prize: The entry prize or reward linked to the category.
  • Players: How many people have played in that category.
  • Actions: Buttons to view the quiz questions, edit the category, or delete it.
Quiz Categories

This image shows how the Category will look like on the web.

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.

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 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
  • 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 6: Import Questions (CSV)

This module allows administrators to efficiently import quiz questions into the system either manually or via a CSV file upload. It is designed to support bulk question uploads while ensuring proper categorization and data formatting.

Admins can choose between two methods: Manual Entry or CSV Upload. In the CSV upload method, users are required to upload a properly formatted CSV file that includes all required fields, including a valid mainCategory ID to ensure questions are assigned to the correct category.

An important instruction box guides users to follow a standard CSV format, and a downloadable demo file is available for reference. Additionally, a clear five-step guide is provided for converting question data into Unicode (UTF-8) format, particularly for non-English content, to ensure compatibility during the upload process.

Once uploaded, the system automatically processes the file and adds the questions to the selected category, streamlining the quiz creation workflow and saving significant manual effort.

Import Questions Module

This image shows the 'Import Questions' interface with CSV upload, instructions, and category mapping.

MODULE 7: True–False Questions (AI Implemented)

The True–False Questions module offers administrators a dedicated interface for managing a specific type of quiz format where each question can be answered with either "True" or "False". This format is particularly useful for quick assessments, rapid-fire quizzes, and gamified content.

AI Prompt-Based Question Suggestions

At the top of this module is an integrated AI prompt section that allows administrators to leverage artificial intelligence to assist with content generation. By typing a query—such as “Suggest a category for quiz with slug, priority, prize”—and clicking Generate with AI, the system uses language models to auto-generate relevant suggestions. This feature streamlines the question creation process, helps with idea generation, and reduces manual cognitive load for content creators.

Manual Entry Section

Administrators can also manually create True–False questions by entering the following:

  • Question Text: The main content of the question.
  • Answer: Choose between True or False from a dropdown menu.
  • Difficulty Level: Select from predefined levels such as Easy, Medium, or Hard.
  • Category: Assign the question to a relevant quiz category to ensure structured organization.

Once the fields are populated, clicking the Add Question button inserts the question into the system.

Question Management Table

Below the input section, a table displays all existing True–False questions along with associated metadata like answer, category, and level. The action column provides buttons to edit or delete any question. The list is paginated for scalability, allowing admins to browse through extensive question sets efficiently.

True–False Questions Module

This image showcases the True–False Questions module, including AI prompt input, manual creation fields, and the management table.

MODULE 8: Payment Settings

The Payment Settings module empowers administrators to configure coin-to-currency conversion rules and withdrawal eligibility logic within the application. It provides a clean interface for managing core payout parameters that influence how users redeem their in-app earnings.

Payment Toggle

At the top of the module is a toggle switch labeled Enable/Disable which activates or deactivates the entire payment functionality. When disabled, users will not be able to request payments or see the payout options in their interface.

Payment Rules Configuration

Administrators are presented with a form where they can set the core rules for coin-based payouts. The following fields are configurable:

  • Per Coin: Defines how many coins are required to equal one unit of currency.
  • Per Amount: Sets the value (in currency) earned for the specified coin unit.
  • Currency Symbol: Allows entry of the currency indicator (e.g., $, ₹, €) that will be shown to users.
  • Minimum Coins for Request: Specifies the lowest number of coins a user must have before they are eligible to place a withdrawal request.
  • Difference in Hours Between Consecutive Payment Requests: This limits how frequently users can request payouts, reducing spam or frequent withdrawal attempts.
Submission & Validation

After filling in the form fields, administrators can click the Submit button to save the settings. This action updates the application configuration and applies the new rules to all active users.

Payment Settings Module

This image showcases the Payment Settings module, featuring coin-to-currency conversion input fields and the payment toggle switch.

MODULE 9: Payment Requests

The Payment Requests module allows administrators to view and manage payment requests made by users within the application. It provides a detailed interface for tracking the status and details of each request.

Payment Requests Table

The table lists various payment requests with the following columns:

  • No: The unique identifier for each payment request.
  • Name: The name of the user who made the request.
  • Payment Type: The type of payment method used (e.g., PayPal, UPI).
  • Payment Address: The address associated with the payment method.
  • Payment Amount: The amount requested for payment.
  • Coin Used: The number of coins used for the request.
  • Details: Additional details about the request, such as "Redeem Request".
  • Status: The current status of the request (e.g., Pending, Completed, Invalid Details).
  • Date: The date when the request was made.
  • Status Date: The date when the status was last updated.
  • Action: Options to take action on the request, such as editing or completing it.
Edit Request

Administrators can edit the details and status of a payment request by clicking on the edit icon. A popup window will appear, allowing changes to be made to the request details and status. The available status options include:

  • Pending: The request is awaiting processing.
  • Completed: The request has been successfully processed.
  • Invalid Details: The request contains invalid information and cannot be processed.
Submission & Validation

After making the necessary changes, administrators can save the updates by clicking the Save Changes button. This action updates the request status and details in the system.

Payment Requests Module Payment Requests Module Payment Requests Module

This image showcases the Payment Requests module, featuring a table of payment requests and the edit request popup window.

MODULE 10: System Languages

The System Languages module allows administrators to manage and configure the languages available within the application. It provides an interface for adding, editing, and deleting languages to support multilingual capabilities.

Language Panels

The module is divided into different panels for managing languages:

  • Admin Panel: Allows administrators to manage languages for the admin interface.
  • App Panel: Allows administrators to manage languages for the application interface.
  • Web Panel: Allows administrators to manage languages for the web interface.
Add Admin Language

Administrators can add new languages by filling out the form with the following fields:

  • Language Name: The name of the language to be added.
  • Code: The language code (e.g., en, fr, hi).

After filling in the form fields, administrators can click the Submit button to add the new language to the system.

Admin Language List

The list of admin languages is displayed in a table format with the following columns:

  • SR. NO.: The serial number of the language in the list.
  • LANGUAGE NAME: The name of the language.
  • CODE: The language code.
  • STATUS: The current status of the language (e.g., Active, Inactive).
  • OPERATE: Options to edit or delete the language.
Edit Language

Administrators can edit the details of an existing language by clicking on the edit icon in the "Operate" column. A popup window will appear, allowing changes to be made to the language name, code, and status. The available status options include:

  • Active: The language is active and available for use.
  • Inactive: The language is inactive and not available for use.
Delete Language

Administrators can delete a language by clicking on the delete icon in the "Operate" column. A confirmation popup will appear, asking for confirmation before deleting the language. Administrators can choose to cancel or confirm the deletion.

System Languages Module System Languages Module System Languages Module

This image showcases the System Languages module, featuring the language panels, add language form, language list, and edit/delete functionality.

MODULE 11: Contest Rules

The Contest Rules module provides users with detailed information about the rules and guidelines for participating in contests. It includes the mission, history, and contact information of the company organizing the contests.

Company Mission

The mission statement outlines the core values and objectives of the company. It emphasizes the company's commitment to making learning fun and accessible for everyone. The mission highlights the belief that education should be engaging, interactive, and enjoyable.

Company History

The history section provides background information about the company. It details the founding of the company, its growth, and achievements over time. This section may include information about the founding team, the development of the platform, and significant milestones reached by the company.

Contact Information

The contact information section provides users with details on how to get in touch with the company. It includes email addresses, and other relevant contact details. Users are encouraged to reach out with any questions or feedback they may have.

Contest Rules Module

This image showcases the Contest Rules module, featuring the company mission, history, and contact information.

MODULE 12 : Report An Issues

The Reported Issues module provides administrators with a comprehensive view of issues reported by users. It allows for tracking, managing, and resolving issues efficiently.

Reported Issues Table

The table lists reported issues with the following columns:

  • USER: The name of the user who reported the issue.
  • CATEGORY: The category under which the issue is classified (e.g., Brain Teaser).
  • QUESTION ID: The unique identifier for the question related to the issue.
  • ISSUES: A brief description of the issue reported.
  • STATUS: The current status of the issue, which can be one of the following:
    • Pending
    • Reviewed
    • Resolved
    • Rejected
  • CREATED AT: The date and time when the issue was reported.
Status Indicators

The status of each issue is indicated with a colored label:

  • Pending: Issues that are awaiting review.
  • Reviewed: Issues that have been reviewed but not yet resolved.
  • Resolved: Issues that have been addressed and resolved.
  • Rejected: Issues that have been reviewed and determined not to require action.
Reported Issues Module

This image showcases the Reported Issues module, featuring a table of reported issues with their respective statuses and details.

MODULE 13: Spin Wheel Admin Configuration

The Spin Wheel Admin Configuration module allows administrators to configure the settings and options for the spin wheel feature within the application. This module provides a user-friendly interface to set up various options and parameters for the spin wheel.

Spin Wheel Options

Administrators can configure multiple options for the spin wheel. Each option includes a description and an associated value, such as the number of coins won. The following options are available:

  • Option 1:
    • Description: Won 100 coins
    • Value: 100
  • Option 2:
    • Description: Better luck next time
    • Value: 0
  • Option 3:
    • Description: Won 20 coins
    • Value: 20
  • Option 4:
    • Description: Better luck next time
    • Value: 0
  • Option 5:
    • Description: Won 50 coins
    • Value: 50
  • Option 6:
    • Description: Won 70 coins
    • Value: 70
Cooldown and Spin Limits

Administrators can also set additional parameters for the spin wheel:

  • Cooldown Hours: The number of hours a user must wait between spins.
    • Value: 1
  • Max Spins Per Day: The maximum number of spins a user can perform in a day.
    • Value: 3
Submission

After configuring the spin wheel options and parameters, administrators can submit the settings by clicking the Submit button. This action saves the configuration and applies the new settings to the spin wheel feature.

Spin Wheel Admin Config Module

This image showcases the Spin Wheel Admin Configuration module, featuring configurable options for the spin wheel and additional parameters such as cooldown hours and maximum spins per day.