Update app.py

app.py

@@ -2,7 +2,7 @@ import gradio as gr
 import random
 
 # ------------------------
-# 🎮 1. GUESS THE OUTPUT QUIZ
+# 🎮 GUESS THE OUTPUT QUIZ
 # ------------------------
 
 quiz_questions = [
@@ -16,79 +16,73 @@ quiz_questions = [
 ]
 
 # ------------------------
-# 🎮 2. MATH CHALLENGE
+# GAME LOGIC
 # ------------------------
 
-math_questions = [
-    {"question": "What is 5 + 3?", "options": ["8", "7", "9"], "answer": "8", "hint": "Simple addition."},
-    {"question": "What is 6 * 4?", "options": ["24", "26", "23"], "answer": "24", "hint": "Multiplication."},
-    {"question": "What is 9 - 2?", "options": ["7", "6", "5"], "answer": "7", "hint": "Simple subtraction."},
-    {"question": "What is 12 / 3?", "options": ["3", "4", "5"], "answer": "4", "hint": "Division."},
-    {"question": "What is 15 % 4?", "options": ["3", "4", "5"], "answer": "3", "hint": "Modulo operation."},
-    {"question": "What is 8 * 7?", "options": ["56", "54", "58"], "answer": "56", "hint": "Multiplication."},
-    {"question": "What is 5 + 9?", "options": ["14", "13", "12"], "answer": "14", "hint": "Addition."}
-]
+def get_new_question():
+    q = random.choice(quiz_questions)
+    return q
 
-# ------------------------
-# 🎮 3. PYTHON BASICS QUIZ
-# ------------------------
+def start_game():
+    question = get_new_question()
+    return (
+        question["code"], 
+        gr.update(choices=question["options"], value=None),
+        "", "",  # Clear result and hint
+        question,  # Save question in state
+        0          # Initial score
+    )
 
-python_basics_questions = [
-    {"question": "What does 'int' represent in Python?", "options": ["Integer", "Index", "Iterator"], "answer": "Integer", "hint": "Type of number."},
-    {"question": "What does 'def' keyword do?", "options": ["Defines a function", "Defines a variable", "Defines a class"], "answer": "Defines a function", "hint": "Function definition."},
-    {"question": "What is a list in Python?", "options": ["A collection of items", "A single item", "An integer"], "answer": "A collection of items", "hint": "Data structure."},
-    {"question": "What does 'print()' do?", "options": ["Prints a string", "Prints an integer", "Prints a value"], "answer": "Prints a value", "hint": "Output function."},
-    {"question": "What is the symbol for power in Python?", "options": ["**", "*", "^"], "answer": "**", "hint": "Exponentiation."},
-    {"question": "What is the use of 'input()'?", "options": ["To take user input", "To print a value", "To define a function"], "answer": "To take user input", "hint": "User interaction."},
-    {"question": "What is a tuple?", "options": ["Immutable list", "Mutable list", "String"], "answer": "Immutable list", "hint": "Cannot be changed after creation."}
-]
+def submit_answer(user_answer, current_question, score):
+    if user_answer == current_question["answer"]:
+        score += 1
+        result = f"✅ Correct! Your score is now {score}"
+    else:
+        result = f"❌ Wrong! The correct answer was '{current_question['answer']}'"
 
-# ------------------------
-# GAME LOGIC
-# ------------------------
+    # Show hint
+    hint = f"💡 Hint: {current_question['hint']}"
 
-# For simplicity, let's use a general function to handle quiz games
-def quiz_game(questions, game_type):
-    score = 0
-    current_question = random.choice(questions)
-    question_text = current_question['question'] if 'question' in current_question else current_question['code']
-    options = current_question['options']
-    answer = current_question['answer']
-    hint = current_question['hint']
-
-    def check_answer(user_answer):
-        nonlocal score
-        if user_answer == answer:
-            score += 1
-        return score, f"Hint: {hint} - Next Question"
-
-    return gr.Interface(
-        fn=check_answer,
-        inputs=[gr.Dropdown(choices=options, label=f"{game_type}: {question_text}")],
-        outputs=[gr.Textbox(label="Your Score"), gr.Textbox(label="Hint")],
-        live=True
+    # Load next question
+    next_question = get_new_question()
+
+    return (
+        next_question["code"],
+        gr.update(choices=next_question["options"], value=None),
+        result,
+        hint,
+        next_question,
+        score
     )
 
 # ------------------------
-# GRADIO APP
+# GRADIO UI
 # ------------------------
 
-# Create a Gradio interface to show multiple games
-def launch_game():
-    game_choices = ["Guess the Output Quiz", "Math Challenge", "Python Basics Quiz"]
-    game_type = gr.Dropdown(choices=game_choices, label="Select a Game")
-    game = gr.Button("Start Game")
-    
-    def start_game(choice):
-        if choice == "Guess the Output Quiz":
-            return quiz_game(quiz_questions, choice)
-        elif choice == "Math Challenge":
-            return quiz_game(math_questions, choice)
-        elif choice == "Python Basics Quiz":
-            return quiz_game(python_basics_questions, choice)
-    
-    game.click(start_game, inputs=[game_type], outputs=["game_window"])
-    return gr.Interface(fn=start_game, inputs=[game_type, game], outputs=["game_window"], live=True)
-
-# Launch the Gradio interface
-launch_game().launch()
+with gr.Blocks() as demo:
+    gr.Markdown("## 🧠 Learn Python Through Games - Guess the Output Edition")
+
+    start_btn = gr.Button("🎲 Start Quiz")
+
+    question_display = gr.Textbox(label="🧩 Code Snippet", interactive=False)
+    options_dropdown = gr.Dropdown(choices=[], label="Choose the Output")
+    submit_btn = gr.Button("Submit Answer")
+
+    result_text = gr.Textbox(label="Result", interactive=False)
+    hint_text = gr.Textbox(label="Hint", interactive=False)
+
+    # Hidden states to store session data
+    question_state = gr.State()
+    score_state = gr.State()
+
+    # Link start button to load first question
+    start_btn.click(start_game, 
+                    inputs=[], 
+                    outputs=[question_display, options_dropdown, result_text, hint_text, question_state, score_state])
+
+    # Link submit button to check answer and load next
+    submit_btn.click(submit_answer, 
+                     inputs=[options_dropdown, question_state, score_state], 
+                     outputs=[question_display, options_dropdown, result_text, hint_text, question_state, score_state])
+
+demo.launch()