Update app.py

app.py

@@ -1,26 +1,32 @@
-import gradio as gr
+from flask import Flask, render_template, request, jsonify
 import time
+import threading
+
+app = Flask(__name__)
 
 # Timer function
-def start_timer(seconds):
-    # Countdown loop
+def start_timer(seconds, callback):
     for remaining in range(seconds, 0, -1):
         time.sleep(1)  # Wait for 1 second
-        yield f"{remaining} seconds remaining..."
-    return "Time's up!"
+        callback(f"{remaining} seconds remaining...")
+    callback("Time's up!")
+
+@app.route('/')
+def index():
+    return render_template('index.html')
 
-# Create Gradio interface
-with gr.Blocks() as demo:
-    gr.Markdown("## Timer App")  # Display the header for the page
+@app.route('/start_timer', methods=['POST'])
+def start_timer_route():
+    seconds = int(request.form['seconds'])
+    
+    # Callback function to send updates back to the frontend
+    def callback(message):
+        app.jinja_env.globals['message'] = message  # Update the message globally
     
-    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)
+    # Start timer in a separate thread to avoid blocking
+    threading.Thread(target=start_timer, args=(seconds, callback)).start()
     
-    # Connect the button with the timer function
-    start_button.click(start_timer, inputs=time_input, outputs=timer_output)
+    return jsonify({"message": "Timer started"})
 
-# Launch the Gradio interface
-demo.launch()
+if __name__ == '__main__':
+    app.run(debug=True)