adding demo launch

app.py

@@ -15,11 +15,42 @@ iface = gr.Interface(
     theme=theme
 )
 
-with gr.Row():
-        chatgot_btn = gr.Button("ChatGPT")
+iface.launch()
+
+blocks = gr.Blocks()
+
+with blocks as demo:
+    subject = gr.Textbox(placeholder="subject")
+    verb = gr.Radio(["ate", "loved", "hated"])
+    object = gr.Textbox(placeholder="object")
+
+    with gr.Row():
+        chatgpt_btn = gr.Button("ChatGPT")
         llama_btn = gr.Button("LLaMA")
         vicuna_btn = gr.Button("Vicuna")
         alpaca_btn = gr.Button("Alpaca")
         flant5_btn = gr.Button("Flan-T5")
 
-iface.launch()
+    def sentence_maker(w1, w2, w3):
+        return f"{w1} {w2} {w3}"
+
+    output1 = gr.Textbox(label="output 1")
+    output2 = gr.Textbox(label="verb")
+    output3 = gr.Textbox(label="verb reversed")
+    output4 = gr.Textbox(label="front end process and then send to backend")
+
+    btn.click(sentence_maker, [subject, verb, object], output1)
+    reverse_btn.click(
+        None, [subject, verb, object], output2, _js="(s, v, o) => o + ' ' + v + ' ' + s"
+    )
+    verb.change(lambda x: x, verb, output3, _js="(x) => [...x].reverse().join('')")
+    foo_bar_btn.click(None, [], subject, _js="(x) => x + ' foo'")
+
+    reverse_then_to_the_server_btn.click(
+        sentence_maker,
+        [subject, verb, object],
+        output4,
+        _js="(s, v, o) => [s, v, o].map(x => [...x].reverse().join(''))",
+    )
+
+demo.launch()