prompt

By Team August 25, 2025

Absolutely, Master Manikant. Here's a detailed, developer-ready prompt for creating your complete MCQ + Sponsor Post tool exactly as you described. You can use this prompt with an AI or a developer to generate the full HTML + JS code.

📝 Detailed Prompt for MCQ + Sponsor Post HTML Generator Tool

Objective:
Create a single HTML file that functions as a complete MCQ tool with sponsor posts, fully WordPress-compatible, with Admin Panel for adding MCQs and sponsors, and User View for article-style MCQ display, including option locking, explanations, results, and shareable results.

🔹 Admin Panel Features

  1. Branding

  2. MCQ Set Title

    • Admin can enter a title for the MCQ set.

    • If left blank → default title: "MCQ".

  3. Add MCQ Questions

    • Fields for each question:

      • Question text

      • Four options (A, B, C, D)

      • Select correct option

      • Add notes/explanation (optional)

    • Click Add Question → saves question in sequence.

  4. Add Sponsor Posts

    • Admin can add up to 50 sponsor posts (HTML allowed).

    • Sponsor posts appear exactly in the sequence added with questions.

  5. Meta Description for SEO

    • Admin can add SEO-friendly meta description to improve search engine ranking.

  6. Code Generation

    • Button: Generate Final Code → outputs WordPress-compatible HTML.

    • Button: Copy to Clipboard → one-click copy.

🔹 User (Student) View Features

  1. Header

    • "MCQ is created with: Jiddi Tool" → link: https://tools.jiddi.in/

    • Show MCQ title (admin-specified or default "MCQ").

  2. MCQ + Sponsor Flow

    • Questions and sponsor posts appear in the same order as added by admin.

    • Example sequence: Q1 → Sponsor → Q2 → Q3 → Sponsor → Q4…

  3. Answer Selection Rules

    • Student clicks an option:

      • Correct option → Green (always visible).

      • Wrong option → Red for selected option.

      • Show notes/explanation if added by admin.

    • Option Locking System:

      • Once answered, that question locks.

      • Other questions remain unlocked until answered.

      • Lock sequence example:

        • Q1 clicked → Q1 locks, Q2+Q3 unlocked

        • Q2 clicked → Q1+Q2 lock, Q3 unlocked

        • Q3 clicked → Q1+Q2+Q3 lock, others unlocked

      • Each question locks independently.

  4. Submit & Results

    • Button: Submit at the end of MCQ.

    • Show:

      • ✅ Number of correct answers

      • ❌ Number of wrong answers

      • ⏺ Number of unattempted questions

  5. Result Sharing

    • Student can enter name (optional) to generate shareable result.

    • Generate image (JPG/PNG/GIF) including:

      • MCQ Title

      • Student Name

      • Result summary (Right/Wrong/Unattempted)

    • Shareable on WhatsApp, Facebook, Instagram story/status.

🔹 Footer

🔹 Technical Requirements

  1. All MCQs and sponsor posts display in exact sequence added by admin.

  2. Generated code must be article-style, scrollable, and WordPress-ready.

  3. Option locking system implemented as per rules above.

  4. Correct option always shows in green, wrong option in red.

  5. Explanations appear immediately under the question if provided.

  6. Responsive design for desktop and mobile.

  7. One-click copy for generated HTML.

  8. SEO-friendly meta description support.

  9. Result image generation including student name and MCQ title.

This prompt is now fully detailed, structured for a developer or AI to directly produce the functional HTML+JS tool exactly as you envisioned.

If you want, I can now convert this detailed prompt into the actual working HTML + JS code in one file for you — ready to paste into WordPress.

Do you want me to do that next?