add st_pages

.streamlit/pages_sections.toml

@@ -0,0 +1,24 @@
+[[pages]]
+path = "home.py"
+name = "Home"
+icon = "🏠"
+
+[[pages]]
+name = "Computer Vision"
+icon = "👀"
+is_section = true
+
+[[pages]]
+path = "webpages/blip-image-captioning.py"
+name = "Find out what in the photo"
+icon = "🌌"
+
+[[pages]]
+name = "Natural Language Processing"
+icon = "📚"
+is_section = true
+
+[[pages]]
+path = "webpages/text-genration.py"
+name = "Text Generation"
+icon = "📝"

CMD.md

@@ -1 +1 @@
-streamlit run main_page.py
+streamlit run app.py

app.py

@@ -1,22 +1,13 @@
 import streamlit as st
-
-st.set_page_config(
-    page_title="Hello",
-    page_icon="👋",
-)
-
-st.write("# Welcome to Khaled Space! 👋")
+from st_pages import add_page_title, get_nav_from_toml
 
  
+ 
+nav = get_nav_from_toml(
+    ".streamlit/pages_sections.toml" 
+)
 
-st.markdown(
-    """
-    Welcome to **Khaled's AI Learning Hub**! 🚀
-
-    This platform is dedicated to showcasing AI development projects, all designed to help you explore and understand the power of artificial intelligence. 🤖💡
-
-    **👈 Select a project from the sidebar** to see hands-on examples ranging from data processing to model deployment. Each project page will guide you through different aspects of AI development, helping you gain practical insights.
+pg = st.navigation(nav)
 
- 
-    """
-)
+add_page_title(pg)
+pg.run()

home.py

@@ -0,0 +1,19 @@
+import streamlit as st
+
+ 
+
+st.write("# Welcome to Khaled Space! 👋")
+
+ 
+
+st.markdown(
+    """
+    Welcome to **Khaled's AI Learning Hub**! 🚀
+
+    This platform is dedicated to showcasing AI development projects, all designed to help you explore and understand the power of artificial intelligence. 🤖💡
+
+    **👈 Select a project from the sidebar** to see hands-on examples ranging from data processing to model deployment. Each project page will guide you through different aspects of AI development, helping you gain practical insights.
+
+ 
+    """
+)

{pages → webpages}/blip-image-captioning.py

@@ -8,9 +8,14 @@ from transformers import pipeline
 
 from helper.image_helper import to_base64
 
+
+
+
 pipe = pipeline("image-to-text",
                 model="Salesforce/blip-image-captioning-base")
 
+img= None
+
 def process_file():
     stringio = StringIO(uploaded_file.getvalue().decode("utf-8"))
     txt = launch(stringio) 
@@ -25,18 +30,21 @@ def launch(input):
 
 uploaded_file = st.file_uploader("Choose a file")
 if uploaded_file is not None:
-    # st.image(uploaded_file)
-    image = Image.open(uploaded_file) 
- 
+  
+    img = Image.open(uploaded_file) 
+    st.image(img) 
+
     # bytes_data = uploaded_file.getvalue()
-    base64 = to_base64(uploaded_file)
-    st.image(base64)
+    # base64 = to_base64(uploaded_file)
+    # st.image(base64)
 
-    txt = launch(base64) 
+    txt = launch(img) 
     st.write(txt)
 
 # iface = gr.Interface(launch,
 #                      inputs=gr.Image(type='pil'),
 #                      outputs="text")
 
-# iface.launch()
+# iface.launch()
+
+