Update app.py

app.py

@@ -1,58 +1,67 @@
 import gradio as gr
 import random
 
-# Sample Python code questions
+# 🧠 Sample questions for kids
 questions = [
     {
         "code": 'print("Hello" + "World")',
         "options": ["HelloWorld", "Hello World", "Hello+World"],
-        "answer": "HelloWorld"
+        "answer": "HelloWorld",
+        "hint": "What happens when you add two strings?"
     },
     {
         "code": 'print(2 * 3)',
         "options": ["6", "23", "5"],
-        "answer": "6"
+        "answer": "6",
+        "hint": "Multiplication or joining?"
     },
     {
         "code": 'x = 5\nprint(x + 2)',
         "options": ["7", "52", "2"],
-        "answer": "7"
+        "answer": "7",
+        "hint": "What is 5 + 2?"
     }
 ]
 
+# 🔁 Track state
 score = 0
-current_q = random.choice(questions)
+question_index = 0
+history = []
 
-def get_question():
-    global current_q
-    current_q = random.choice(questions)
-    return current_q["code"], current_q["options"]
+def get_current_question():
+    return questions[question_index]
+
+def show_question():
+    q = get_current_question()
+    return q["code"], gr.update(choices=q["options"]), "", f"⭐ Score: {score}"
 
 def check_answer(choice):
     global score
-    if choice == current_q["answer"]:
+    correct = get_current_question()["answer"]
+    result = ""
+    if choice == correct:
+        result = "✅ Correct! Great job!"
+        score_msg = f"⭐ Score: {score + 1}"
         score += 1
-        return f"✅ Correct! 🎉 Your Score: {score}"
     else:
-        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")
+        result = f"❌ Oops! The correct answer was: {correct}"
+        score_msg = f"⭐ Score: {score}"
+    return result, score_msg
 
-    def show_question():
-        code, opts = get_question()
-        return code, gr.update(choices=opts)
+def skip_question():
+    next_q()
+    return show_question()
 
-    btn_check.click(fn=check_answer, inputs=options, outputs=result)
-    btn_next.click(fn=show_question, outputs=[code_display, options])
+def get_hint():
+    return f"💡 Hint: {get_current_question()['hint']}"
 
-    # Load the first question on launch
-    quiz.load(show_question, outputs=[code_display, options])
+def next_q():
+    global question_index
+    history.append(question_index)
+    question_index = (question_index + 1) % len(questions)
 
-quiz.launch()
+def prev_q():
+    global question_index
+    if history:
+        question_index = history.pop()
+    return