Update app.py

app.py

@@ -1,33 +1,26 @@
-from flask import Flask, render_template, request, jsonify
+import gradio as gr
 import time
-import threading
-
-# Initialize Flask app
-app = Flask(__name__)
 
 # Timer function
-def start_timer(seconds, callback):
+def start_timer(seconds):
+    # Countdown loop
     for remaining in range(seconds, 0, -1):
         time.sleep(1)  # Wait for 1 second
-        callback(f"{remaining} seconds remaining...")
-    callback("Time's up!")
-
-# Route to display the Timer page
-@app.route('/')
-def index():
-    return render_template('index.html')
+        yield f"{remaining} seconds remaining..."
+    return "Time's up!"
 
-# Route to handle timer start
-@app.route('/start_timer', methods=['POST'])
-def start():
-    seconds = int(request.form['seconds'])
-    def update_output(output):
-        # Update the result of the timer in the browser using a callback
-        print(output)  # You can replace this with actual rendering logic, if desired.
-    timer_thread = threading.Thread(target=start_timer, args=(seconds, update_output))
-    timer_thread.start()
-    return jsonify({"message": "Timer started!"})
+# 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
+        
+    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)
 
-# Run the Flask app
-if __name__ == "__main__":
-    app.run(debug=True)
+# Launch the Gradio interface
+demo.launch()