Update app.py

app.py

@@ -64,4 +64,40 @@ def prev_q():
     global question_index
     if history:
         question_index = history.pop()
-    return
+    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("⏭️ Skip")
+        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()
+