Update app.py

app.py

@@ -1,8 +1,11 @@
 import gradio as gr
 import random
 
-# 🧠 Sample questions for kids
-questions = [
+# ------------------------
+# 🎮 1. GUESS THE OUTPUT QUIZ
+# ------------------------
+
+quiz_questions = [
     {
         "code": 'print("Hello" + "World")',
         "options": ["HelloWorld", "Hello World", "Hello+World"],
@@ -23,81 +26,164 @@ questions = [
     }
 ]
 
-# 🔁 Track state
-score = 0
-question_index = 0
-history = []
+quiz_score = 0
+quiz_index = 0
+quiz_history = []
 
-def get_current_question():
-    return questions[question_index]
+def get_quiz_question():
+    return quiz_questions[quiz_index]
 
-def show_question():
-    q = get_current_question()
-    return q["code"], gr.update(choices=q["options"]), "", f"⭐ Score: {score}"
+def show_quiz_question():
+    q = get_quiz_question()
+    return q["code"], gr.update(choices=q["options"]), "", f"⭐ Score: {quiz_score}"
 
-def check_answer(choice):
-    global score
-    correct = get_current_question()["answer"]
+def check_quiz_answer(choice):
+    global quiz_score
+    correct = get_quiz_question()["answer"]
     result = ""
     if choice == correct:
         result = "✅ Correct! Great job!"
-        score_msg = f"⭐ Score: {score + 1}"
-        score += 1
+        quiz_score += 1
     else:
         result = f"❌ Oops! The correct answer was: {correct}"
-        score_msg = f"⭐ Score: {score}"
-    return result, score_msg
-
-def skip_question():
-    next_q()
-    return show_question()
-
-def get_hint():
-    return f"💡 Hint: {get_current_question()['hint']}"
-
-def next_q():
-    global question_index
-    history.append(question_index)
-    question_index = (question_index + 1) % len(questions)
-
-def prev_q():
-    global question_index
-    if history:
-        question_index = history.pop()
-    return show_question()
-
-# 🎨 Gradio UI
-with gr.Blocks(theme=gr.themes.Base(primary_hue="green", secondary_hue="pink")) as app:
-    gr.Markdown("## 🐍 Python Fun Quiz Game for Kids 🎮")
-    with gr.Row():
-        score_box = gr.Textbox(label="📊 Your Score", interactive=False, value="⭐ Score: 0")
-        hint_box = gr.Textbox(label="💡 Hint", interactive=False)
-    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="🎯 Result", interactive=False)
-    
-    with gr.Row():
-        btn_check = gr.Button("✅ Check Answer")
-        btn_hint = gr.Button("💡 Get Hint")
-        btn_skip = gr.Button("⏭️ Next")
-        btn_back = gr.Button("⏪ Back")
-
-    btn_check.click(fn=check_answer, inputs=options, outputs=[result, score_box])
-    btn_hint.click(fn=get_hint, outputs=hint_box)
-    btn_skip.click(fn=skip_question, outputs=[code_display, options, result, score_box])
-    btn_back.click(fn=prev_q, outputs=[code_display, options, result, score_box])
-
-    # Load first question
-    app.load(show_question, outputs=[code_display, options, result, score_box])
-
-    gr.Markdown("---")
-    gr.Markdown("## 🌟 Coming Soon: Unique Games")
-    gr.Markdown("""
-    - 🔤 **Python Word Scramble**: Rearrange jumbled Python keywords  
-    - 🎲 **Code Dice**: Roll a die to get random challenges  
-    - 🧩 **Puzzle Blocks**: Drag code blocks to form a working program  
-    - 🧚‍♀️ **Code Fairy Tales**: Read stories and guess what the code will do  
-    """)
-
-app.launch()
+    return result, f"⭐ Score: {quiz_score}"
+
+def quiz_skip():
+    next_quiz()
+    return show_quiz_question()
+
+def quiz_hint():
+    return f"💡 Hint: {get_quiz_question()['hint']}"
+
+def next_quiz():
+    global quiz_index
+    quiz_history.append(quiz_index)
+    quiz_index = (quiz_index + 1) % len(quiz_questions)
+
+def prev_quiz():
+    global quiz_index
+    if quiz_history:
+        quiz_index = quiz_history.pop()
+    return show_quiz_question()
+
+# ------------------------
+# 🔤 2. WORD SCRAMBLE GAME
+# ------------------------
+
+scramble_words = [("python", "A popular programming language"),
+                  ("loop", "Used to repeat code"),
+                  ("print", "Outputs something on screen")]
+
+def scramble_word(word):
+    return ''.join(random.sample(word, len(word)))
+
+current_scramble = random.choice(scramble_words)
+
+def show_scramble():
+    global current_scramble
+    current_scramble = random.choice(scramble_words)
+    return scramble_word(current_scramble[0]), ""
+
+def check_scramble_answer(ans):
+    correct = current_scramble[0]
+    if ans.lower() == correct:
+        return "✅ Awesome! That's correct!"
+    else:
+        return f"❌ Nope! The right word was '{correct}'."
+
+# ------------------------
+# 🎲 3. CODE DICE
+# ------------------------
+
+dice_challenges = [
+    "💡 Create a variable and assign it your name",
+    "💡 Write code to add 2 + 3 and print it",
+    "💡 Use a loop to print numbers from 1 to 5",
+    "💡 Print your favorite color 3 times"
+]
+
+def roll_dice():
+    return random.choice(dice_challenges)
+
+# ------------------------
+# 🧩 4. PUZZLE BLOCKS (Ordering)
+# ------------------------
+
+puzzle_code = [
+    "x = 5",
+    "y = 3",
+    "z = x + y",
+    "print(z)"
+]
+
+correct_order = "\n".join(puzzle_code)
+
+def check_code_order(user_code):
+    if user_code.strip() == correct_order:
+        return "✅ Perfect order! You built it right!"
+    else:
+        return "❌ Hmm... Try again! The order seems off."
+
+# ------------------------
+# 📚 5. CODE FAIRY TALE
+# ------------------------
+
+fairy_code = 'print("Cinderella" * 2)'
+fairy_answer = "CinderellaCinderella"
+
+def check_fairy_ans(ans):
+    if ans.strip() == fairy_answer:
+        return "✨ Correct! Cinderella doubled!"
+    else:
+        return "❌ Not quite, try again!"
+
+# ------------------------
+# 🎨 UI
+# ------------------------
+
+with gr.Blocks(theme=gr.themes.Base(primary_hue="purple", secondary_hue="pink")) as app:
+    gr.Markdown("## 🧒✨ Welcome to Python FunLand! 🎮 Learn by Playing")
+
+    with gr.Tabs():
+        with gr.TabItem("🎯 Guess the Output"):
+            with gr.Row():
+                score_box = gr.Textbox(label="📊 Score", value="⭐ Score: 0", interactive=False)
+                hint_box = gr.Textbox(label="💡 Hint", interactive=False)
+            code_display = gr.Textbox(label="🧠 What will this Python code print?", interactive=False)
+            options = gr.Radio(choices=[], label="Your Answer")
+            result = gr.Textbox(label="🎯 Result", interactive=False)
+
+            with gr.Row():
+                gr.Button("✅ Check Answer").click(fn=check_quiz_answer, inputs=options, outputs=[result, score_box])
+                gr.Button("💡 Get Hint").click(fn=quiz_hint, outputs=hint_box)
+                gr.Button("⏭️ Skip").click(fn=quiz_skip, outputs=[code_display, options, result, score_box])
+                gr.Button("⏪ Back").click(fn=prev_quiz, outputs=[code_display, options, result, score_box])
+
+            app.load(show_quiz_question, outputs=[code_display, options, result, score_box])
+
+        with gr.TabItem("🔤 Word Scramble"):
+            scramble_display = gr.Textbox(label="Unscramble This Word", interactive=False)
+            word_input = gr.Textbox(label="Your Answer")
+            scramble_result = gr.Textbox(label="Result", interactive=False)
+            gr.Button("🔄 New Word").click(fn=show_scramble, outputs=[scramble_display, scramble_result])
+            gr.Button("✅ Submit").click(fn=check_scramble_answer, inputs=word_input, outputs=scramble_result)
+
+        with gr.TabItem("🎲 Code Dice"):
+            gr.Markdown("🎲 Click to roll a coding challenge!")
+            dice_output = gr.Textbox(label="Challenge", interactive=False)
+            gr.Button("🎲 Roll Dice").click(fn=roll_dice, outputs=dice_output)
+
+        with gr.TabItem("🧩 Puzzle Blocks"):
+            gr.Markdown("🧩 Arrange the code blocks in the correct order and paste below:")
+            user_order = gr.Textbox(label="Paste Your Ordered Code", lines=5)
+            puzzle_result = gr.Textbox(label="Result", interactive=False)
+            gr.Button("✅ Submit").click(fn=check_code_order, inputs=user_order, outputs=puzzle_result)
+
+        with gr.TabItem("📚 Code Fairy Tales"):
+            gr.Markdown("🧚 Imagine what this code prints:")
+            gr.Textbox(label="Code", value=fairy_code, interactive=False)
+            fairy_input = gr.Textbox(label="Your Answer")
+            fairy_result = gr.Textbox(label="Result", interactive=False)
+            gr.Button("✅ Submit").click(fn=check_fairy_ans, inputs=fairy_input, outputs=fairy_result)
 
+app.launch(server_name="0.0.0.0", server_port=7860)