done and tested

app copy 2.py

@@ -1,63 +0,0 @@
-import gradio as gr
-from gradio_client import Client
-
-MESAGE_HEADER = """
-# API Demo (Client component)
-Welcome to my simple demonstration of the gradio potential as an API.
-
-It is made of 2 components: *API_demo_server* and *API_demo_client*.
-
-Server component: [Nuno-Tome/API_demo_server](Nuno-Tome/aPI_demo_server)
-Client component: [Nuno-Tome/API_demo_client](Nuno-Tome/aPI_demo_client)
-
-**Just write you message and watch it be returned by the server.**   
-                
-"""
-
-
-
-MESAGE_BMC = """
-## If you want to support me, you can buy me a coffee:
-    
-    [![Buy me a coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/nunotome)
-    """
-    
-# Print the message header for "By me a coffee" link
-def print_bmc():
-
-    bmc_link = "https://www.buymeacoffee.com/nuno.tome"
-    image_url = "https://helloimjessa.files.wordpress.com/2021/06/bmc-button.png?w=" # Image URL
-    #image_size = "150px" # Image size
-    #image_link_markdown = f"[![Buy Me a Coffee]({image_url})]({bmc_link})"
-    image_link_markdown = "[![Buy Me a Coffee]({image_url})]({bmc_link})"
-
-    gr.Markdown("""
-                [![Buy Me a Coffee]({image_url})]({bmc_link})
-                """)
-    # Buy me a Coffee Setup
-
-   
-    
-
-
-client = Client("Nuno-Tome/API_demo_server")
-DEBUG_MODE = True
-
-
-def request(text):
-    
-    gr.Markdown(
-    """
-    # Hello World!
-    Start typing below to see the output.
-    """)
-    
-    result = client.predict(
-        text,
-		api_name="/predict"
-    )
-    return result
-
-demo = gr.Interface(fn=request, inputs="textbox", outputs="json")
-    
-demo.launch(share=True)

app.py

@@ -4,6 +4,35 @@ from gradio_client import Client
 
 DEBUG_MODE = True
 
+MESAGE_HEADER = """
+# 🔌👩🏻‍💻  API Demo (Client component)  🔌👩🏻‍💻
+
+
+Welcome to my simple demonstration of the gradio potential as an API.
+
+It is made of 2 components: *API_demo_server* and *API_demo_client*.
+
+* Server component: 🔌🌐 [Nuno-Tome/API_demo_server](Nuno-Tome/aPI_demo_server)
+
+* Client component: 🔌👩🏻‍💻 [Nuno-Tome/API_demo_client](Nuno-Tome/aPI_demo_client)
+
+**Just write you message and watch it be returned by the server.**   
+                
+"""
+
+
+def get_bmc_markdown():
+    bmc_link = "https://www.buymeacoffee.com/nuno.tome"
+    image_url = "https://helloimjessa.files.wordpress.com/2021/06/bmc-button.png" # Image URL
+    image_size = "150" # Image size
+    image_url_full = image_url + "?w=" + image_size
+    image_link_markdown = f"[![Buy Me a Coffee]({image_url_full})]({bmc_link})"
+    full_text = """
+                ### If you like this project, please consider liking it or buying me a coffee. It will help me to keep working on this and other projects. Thank you!
+                # """ + image_link_markdown
+    return full_text
+
+   
 
 def update(name):
     #return f"Welcome to Gradio, {name}!"
@@ -19,15 +48,17 @@ def send_request(text):
 
 with gr.Blocks() as demo:
     
-    with gr.Row():
-        gr.Markdown("Start typing below and then click **Run** to see the output.")
-        #gr.DuplicateButton()
+    gr.Markdown(MESAGE_HEADER)
+    gr.Markdown(get_bmc_markdown())
+    #gr.DuplicateButton()
+    
     with gr.Row():
         with gr.Column():
-            gr.Markdown("Type your message:")
+            gr.Markdown("**Type your message:**")
             inp = gr.Textbox(placeholder="What is your name?")
         with gr.Column():
-          out = gr.JSON()  
+            gr.Markdown("**This is your gradio api request response:**")
+            out = gr.JSON()  
     btn = gr.Button("Send request to server")
     btn.click(fn=send_request, inputs=inp, outputs=out)