A powerful, browser-based quiz player with support for AI-generated quizzes from transcripts. No backend required—just open the HTML file and start learning.
No installation needed! Use the quiz player directly in your browser:
👉 https://phly95.github.io/universal-quiz/
Works on desktop and mobile. All data stays in your browser (localStorage).
- Single Choice - Classic multiple choice with one correct answer
- Multiple Choice - Select all that apply
- True/False - Binary fact checking
- Drag & Drop Ordering - Arrange steps/items in correct sequence
- Drag & Drop Matching - Match concepts to categories
- Multi-tab scenario presentations
- Nested questions referencing shared context
- Perfect for certification exams (Azure, AWS, etc.)
- Auto-save - Progress is automatically saved to localStorage
- Resume - Pick up where you left off, even after closing the browser
- Manual Save - Copy save state to clipboard for backup/sharing
- Export Results - Copy detailed results for AI tutoring discussions
- Visual score display with animated progress ring
- Pass/fail indication with customizable passing score
- Per-question review with explanations
- Export formats:
- AI Discussion - Formatted summary for tutoring
- Full JSON - Complete result data
- Multi-provider support - Works with Kimi, Copilot Enterprise, Claude, and ChatGPT
- Built-in prompt generator - Creates optimized prompts for each AI provider
- Transcript to quiz - Convert video transcripts, docs, or any text into interactive quizzes
- Download option - For AI providers that require file upload (Copilot Enterprise)
- Clean, responsive design (works on mobile & desktop)
- Smooth animations and transitions
- Progress bar and question navigation
- Built-in help - Step-by-step guide for new users
- Keyboard-friendly controls
- Go to phly95.github.io/universal-quiz/
- Paste quiz JSON or click "🤖 Generate from Transcript" to create one from video transcripts
- Click "❓ Help" if you need a guided walkthrough
- Start learning!
- Download or clone this repo
- Open
index.htmlin any modern browser - Paste quiz JSON into the text area (see format below) or generate from transcript
- Click "Load Quiz"
- Start learning!
{
"quizTitle": "Azure Fundamentals Practice",
"passingScore": 70,
"questions": [
{
"id": 1,
"type": "single",
"question": "What is the primary benefit of cloud computing?",
"explanation": "Cloud computing eliminates capital expenses... Therefore, the correct option is Pay-as-you-go pricing.",
"options": [
"Pay-as-you-go pricing",
"Higher maintenance costs",
"Fixed capacity",
"Longer deployment times"
],
"correctAnswer": 0
},
{
"id": 2,
"type": "multiple",
"question": "Select all valid Azure services:",
"explanation": "Azure App Service and Azure Functions are both valid... Therefore, the correct options are App Service and Functions.",
"options": [
"Azure App Service",
"Azure Functions",
"AWS Lambda",
"Google Cloud Run"
],
"correctAnswer": [0, 1]
},
{
"id": 3,
"type": "dragdrop",
"dragdropType": "order",
"question": "Order these steps for deploying a web app:",
"explanation": "The correct deployment sequence is... Therefore, the correct order is Create Resource Group → Create App Service Plan → Deploy Code → Configure Custom Domain.",
"items": [
"Deploy Code",
"Create Resource Group",
"Create App Service Plan",
"Configure Custom Domain"
],
"correctOrder": [2, 0, 1, 3]
}
],
"caseStudies": [
{
"id": 100,
"title": "Case Study: E-commerce Migration",
"scenario": "A company wants to migrate their e-commerce platform...",
"tabs": [
{"label": "Current State", "content": "On-premises servers..."},
{"label": "Requirements", "content": "99.9% uptime required..."},
{"label": "Constraints", "content": "Budget limit of $50k..."}
],
"questions": [
{
"id": 101,
"type": "single",
"question": "Which service should they use for auto-scaling?",
"explanation": "Based on the requirements tab...",
"options": ["VM Scale Sets", "Single VM", "Local Server", "Containers"],
"correctAnswer": 0
}
]
}
]
}The quiz player includes a built-in "Generate from Transcript" feature that creates AI prompts from your video transcripts or documents. Works with multiple AI providers:
| AI Provider | Workflow | Notes |
|---|---|---|
| Kimi 🌙 | Copy/paste | Recommended - Best quality, chunked output, handles long transcripts |
| Copilot Enterprise 🪟 | Download/upload | File upload required (paste has length limits). Type "." in message box to send. |
| Claude 🧠 | Copy/paste | Large context window, handles long prompts well |
| ChatGPT 💬 | Copy/paste | Results vary by model |
💡 Tip: For YouTube videos, use youtubetotranscript.com to easily extract the transcript. Just paste the YouTube URL and copy the text.
- Video transcripts (YouTube, lectures, tutorials)
- Documentation (technical docs, textbooks)
- Meeting recordings (training sessions, presentations)
- Any text content you want to turn into a quiz!
- Click "🤖 Generate from Transcript" in the quiz player
- Select your AI provider (Kimi recommended for best results)
- Paste your transcript into the text area
- Click "Generate Prompt" to create the AI prompt
- Copy (or download for Copilot) the prompt
- Open your chosen AI and paste/send the prompt
- The AI will generate a quiz JSON file
- Paste the JSON back into the quiz player and click "Load Quiz"
💡 New to the app? Click the "❓ Help" button for a step-by-step guide!
- Higher quiz quality - Kimi generates more accurate, well-structured questions with better explanations
- No file download needed - The JSON appears directly in chat for easy copy/paste (like Claude's artifacts)
For Copilot Enterprise, you must download the quiz JSON file before pasting it into the player.
- ✅ Transcript-faithful - Only uses content from your source material
- ✅ No truncation - Chunking ensures complete JSON output (Kimi)
- ✅ Randomization - Shuffles answers to prevent pattern recognition
- ✅ Explanations first - AI generates reasoning before answers (better quality)
- ✅ Citation required - References specific sections of your transcript
- ✅ 15-25 questions - Mix of regular + case study questions
- Watch a lecture or read documentation
- Copy the transcript and use the "Generate from Transcript" feature
- Let the AI generate the quiz JSON
- Load the generated quiz into the player
- Take the quiz - wrong answers show explanations
- Export results and ask an AI for help on weak areas
- Copy your save state (JSON) from the "Save" button
- Paste it on any device to resume progress
- Save states include answers, current question, and quiz data
| Key | Action |
|---|---|
| 1-9, 0 | Select option A-J |
| Enter / Space | Submit answer or continue |
| ← / → or , / . | Previous / Next question |
| Home | Go to first question |
| End | Go to last question / back to results |
| S | Save progress |
| C | Toggle case study panel |
| Esc | Clear drag-drop selection |
Input Screen:
| Key | Action |
|---|---|
| Ctrl+Enter | Load quiz |
| R | Resume quiz (if available) |
| L | Load example |
Results Screen:
| Key | Action |
|---|---|
| Enter / Space | Restart quiz |
| N | Load new quiz |
| A | Export for AI discussion |
| J | Export JSON |
- ✅ Chrome / Edge (recommended)
- ✅ Firefox
- ✅ Safari
- ✅ Mobile browsers (iOS Safari, Chrome Mobile)
MIT License - feel free to use for personal or commercial projects.
- Certification exam prep (Azure, AWS, Google Cloud, etc.)
- Course material review
- Corporate training
- Self-directed learning
No installation required. No tracking. No ads. Just learning.