import gradio as gr
import json
import xml.etree.ElementTree as ET
import os
from typing import List, Dict, Any
class QuizApp:
def __init__(self):
self.questions = []
self.current_quiz = None
def parse_json_file(self, file_path: str) -> List[Dict[str, Any]]:
"""Parse JSON file containing quiz questions"""
try:
with open(file_path, 'r', encoding='utf-8') as f:
data = json.load(f)
questions = []
# Handle different JSON structures
if isinstance(data, list):
questions = data
elif isinstance(data, dict):
if 'questions' in data:
questions = data['questions']
else:
questions = [data]
# Validate question format
validated_questions = []
for q in questions:
if all(key in q for key in ['question', 'options', 'answer']):
validated_questions.append({
'question': q['question'],
'options': q['options'] if isinstance(q['options'], list) else [q['options']],
'answer': q['answer']
})
return validated_questions
except Exception as e:
raise Exception(f"Error parsing JSON file: {str(e)}")
def parse_xml_file(self, file_path: str) -> List[Dict[str, Any]]:
"""Parse XML file containing quiz questions"""
try:
tree = ET.parse(file_path)
root = tree.getroot()
questions = []
# Handle different XML structures
question_elements = root.findall('.//question') or root.findall('.//item')
for q_elem in question_elements:
question_text = q_elem.find('text') or q_elem.find('question')
options_elem = q_elem.find('options') or q_elem.find('choices')
answer_elem = q_elem.find('answer') or q_elem.find('correct')
if question_text is not None and options_elem is not None and answer_elem is not None:
options = []
for option in options_elem.findall('option') or options_elem.findall('choice'):
if option.text:
options.append(option.text.strip())
if len(options) >= 2: # At least 2 options required
questions.append({
'question': question_text.text.strip(),
'options': options,
'answer': answer_elem.text.strip()
})
return questions
except Exception as e:
raise Exception(f"Error parsing XML file: {str(e)}")
def load_quiz_file(self, file) -> str:
"""Load and parse quiz file"""
if file is None:
return "Please upload a file first."
try:
file_path = file.name
file_extension = os.path.splitext(file_path)[1].lower()
if file_extension == '.json':
self.questions = self.parse_json_file(file_path)
elif file_extension == '.xml':
self.questions = self.parse_xml_file(file_path)
else:
return "Unsupported file format. Please upload a JSON or XML file."
if not self.questions:
return "No valid questions found in the file. Please check the file format."
return f"✅ Successfully loaded {len(self.questions)} questions! Click 'Start Quiz' to begin."
except Exception as e:
return f"❌ Error loading file: {str(e)}"
def generate_quiz_html(self) -> str:
"""Generate HTML for the quiz interface"""
if not self.questions:
return "
No questions loaded. Please upload a quiz file first.
"
# Create JSON data for JavaScript
quiz_data_json = json.dumps(self.questions).replace('"', '"')
html = f"""
📝 Multiple Choice Quiz
Test your knowledge with {len(self.questions)} questions
"""
return html
# Initialize the quiz app
quiz_app = QuizApp()
# Create Gradio interface
with gr.Blocks(
title="Multiple Choice Quiz App",
theme=gr.themes.Soft(),
css="""
.gradio-container {
max-width: 1200px !important;
margin: auto !important;
}
.upload-area {
border: 2px dashed #667eea !important;
border-radius: 10px !important;
background: #f8f9ff !important;
}
"""
) as app:
gr.Markdown("""
# 🎓 Multiple Choice Quiz Application
Upload your quiz file (JSON or XML format) and start taking the quiz!
### Expected File Formats:
**JSON Format:**
```json
[
{
"question": "What is the capital of France?",
"options": ["London", "Berlin", "Paris", "Madrid"],
"answer": "Paris"
}
]
```
**XML Format:**
```xml
What is the capital of France?Paris
```
""")
with gr.Row():
with gr.Column(scale=1):
file_upload = gr.File(
label="📁 Upload Quiz File",
file_types=[".json", ".xml"],
elem_classes=["upload-area"]
)
load_btn = gr.Button(
"📤 Load Quiz",
variant="primary",
size="lg"
)
status_msg = gr.Textbox(
label="Status",
interactive=False,
value="Please upload a quiz file to get started."
)
start_btn = gr.Button(
"🚀 Start Quiz",
variant="secondary",
size="lg",
visible=False
)
with gr.Column(scale=2):
quiz_html = gr.HTML(
value="
Upload a quiz file to begin
"
)
# Event handlers
def load_quiz_handler(file):
result = quiz_app.load_quiz_file(file)
if "Successfully loaded" in result:
return result, gr.Button(visible=True)
else:
return result, gr.Button(visible=False)
def start_quiz_handler():
return quiz_app.generate_quiz_html()
load_btn.click(
fn=load_quiz_handler,
inputs=[file_upload],
outputs=[status_msg, start_btn]
)
start_btn.click(
fn=start_quiz_handler,
outputs=[quiz_html]
)
# Launch the app
if __name__ == "__main__":
app.launch(
server_name="0.0.0.0",
server_port=7860,
share=True
)