Update app.py

app.py

@@ -1,40 +1,26 @@
-from flask import Flask, render_template, request, jsonify
+import gradio as gr
 import time
-import threading
 
-app = Flask(__name__)
-
-# Global variable to store the message
-message = ""
-
-# Timer function to run in a background thread
+# Timer function
 def start_timer(seconds):
-    global message
+    # Countdown loop
     for remaining in range(seconds, 0, -1):
         time.sleep(1)  # Wait for 1 second
-        message = f"{remaining} seconds remaining..."
-    message = "Time's up!"
-
-@app.route('/')
-def index():
-    return render_template('index.html')
+        yield f"{remaining} seconds remaining..."
+    return "Time's up!"
 
-@app.route('/start_timer', methods=['POST'])
-def start_timer_route():
-    try:
-        seconds = int(request.form['seconds'])
+# Create Gradio interface
+with gr.Blocks() as demo:
+    gr.Markdown("## Timer App")  # Display the header for the page
+    
+    with gr.Row():
+        time_input = gr.Slider(minimum=1, maximum=600, step=1, label="Set Timer (seconds)")
+        start_button = gr.Button("Start Timer")  # Button to start timer
         
-        # Start the timer in a new thread
-        timer_thread = threading.Thread(target=start_timer, args=(seconds,))
-        timer_thread.start()
-        
-        return jsonify({"message": "Timer started"})
-    except Exception as e:
-        return jsonify({"error": str(e)}), 400
-
-@app.route('/get_timer', methods=['GET'])
-def get_timer():
-    return jsonify({"message": message})
+    timer_output = gr.Textbox(label="Timer Output", interactive=False)
+    
+    # Connect the button with the timer function
+    start_button.click(start_timer, inputs=time_input, outputs=timer_output)
 
-if __name__ == '__main__':
-    app.run(debug=True, threaded=True)
+# Launch the Gradio interface
+demo.launch()