Update app.py

app.py

@@ -1,21 +1,58 @@
 import gradio as gr
+import random
 
-def level_response(choice):
-    if choice == "Basic":
-        return "You chose Basic level. Let's start with the fundamentals!"
-    elif choice == "Intermediate":
-        return "You chose Intermediate level. Time to go deeper!"
-    elif choice == "Advanced":
-        return "You chose Advanced level. You're ready for expert challenges!"
+# Sample Python code questions
+questions = [
+    {
+        "code": 'print("Hello" + "World")',
+        "options": ["HelloWorld", "Hello World", "Hello+World"],
+        "answer": "HelloWorld"
+    },
+    {
+        "code": 'print(2 * 3)',
+        "options": ["6", "23", "5"],
+        "answer": "6"
+    },
+    {
+        "code": 'x = 5\nprint(x + 2)',
+        "options": ["7", "52", "2"],
+        "answer": "7"
+    }
+]
+
+score = 0
+current_q = random.choice(questions)
+
+def get_question():
+    global current_q
+    current_q = random.choice(questions)
+    return current_q["code"], current_q["options"]
+
+def check_answer(choice):
+    global score
+    if choice == current_q["answer"]:
+        score += 1
+        return f"✅ Correct! 🎉 Your Score: {score}"
     else:
-        return "Please select a valid option."
+        return f"❌ Oops! Try again. Correct answer was: {current_q['answer']}"
+
+# Gradio UI
+with gr.Blocks(theme=gr.themes.Soft()) as quiz:
+    gr.Markdown("## 🧠 Python Quiz Game for Kids 🎮")
+    code_display = gr.Textbox(label="👇 What will this Python code print?", lines=2, interactive=False)
+    options = gr.Radio(choices=[], label="Choose your answer")
+    result = gr.Textbox(label="Your Result")
+    btn_check = gr.Button("Check Answer")
+    btn_next = gr.Button("Next Question")
+
+    def show_question():
+        code, opts = get_question()
+        return code, gr.update(choices=opts)
+
+    btn_check.click(fn=check_answer, inputs=options, outputs=result)
+    btn_next.click(fn=show_question, outputs=[code_display, options])
 
-with gr.Blocks() as demo:
-    gr.Markdown("## Choose Your Learning Level")
-    level = gr.Radio(choices=["Basic", "Intermediate", "Advanced"], label="Select your level")
-    output = gr.Textbox(label="Response")
-    submit_btn = gr.Button("Submit")
-    
-    submit_btn.click(fn=level_response, inputs=level, outputs=output)
+    # Load the first question on launch
+    quiz.load(show_question, outputs=[code_display, options])
 
-demo.launch()
+quiz.launch()