Create Custom Quiz Builder Interface

[NishantSinghhhhh]

Title: Build Interactive Quiz Creator with Drag-and-Drop Question Selection

Problem Statement

Users can only take predefined quizzes with random questions from the API. There's no way to create custom quizzes with specific questions, categories, or difficulty levels tailored to their learning needs.

Proposed Solution

Develop a custom quiz builder allowing users to:

• Select specific questions from question bank
• Mix questions from different categories
• Set custom time limits
• Define passing score thresholds
• Save custom quiz templates
• Share custom quizzes via link

Acceptance Criteria

✅ Quiz Builder Interface

• Step-by-step wizard (3-4 steps)
• Quiz metadata form (name, description, category)
• Question selection interface
• Settings configuration panel
• Preview pane showing quiz summary
• Save as draft functionality

✅ Step 1: Quiz Details

• Quiz name input (required)
• Description textarea (optional)
• Category selection or create new
• Thumbnail/icon selection
• Tags for organization
• Estimated completion time display

✅ Step 2: Question Selection

• Browse available questions with preview
• Filter questions (category, difficulty, type)
• Search questions by text
• Select/deselect questions with checkbox
• Selected questions counter
• Drag-and-drop to reorder questions
• Minimum 5 questions requirement

✅ Step 3: Quiz Settings

• Set time limit (per question or total)
• Passing score threshold (percentage)
• Allow question skipping toggle
• Shuffle questions toggle
• Show correct answers after submission toggle
• Maximum attempts limit

✅ Step 4: Review and Save

• Preview quiz summary
• List all selected questions
• Edit button to return to previous steps
• Save quiz template button
• Start quiz immediately button
• Share quiz button (generates shareable link)

✅ Drag-and-Drop Functionality

• Drag questions to reorder
• Visual feedback during drag (lift effect)
• Drop zones between questions
• Smooth reordering animation
• Touch support for mobile drag
• Keyboard alternative for reordering

✅ Quiz Templates

• Save custom quizzes as templates
• Template library/list view
• Load template to create new quiz
• Edit existing templates
• Delete templates with confirmation
• Duplicate template option
• Templates stored in localStorage

✅ Share Custom Quiz

• Generate shareable link with quiz data
• Copy link to clipboard
• QR code generation
• Social media share buttons
• Link includes encoded quiz configuration
• Recipient can take quiz without account

[jrdevadattan]

@Pradeep-kumar-py @NishantSinghhhhh I would like to work on this issue