adding cache to the model loading

model/search_script.py

@@ -8,6 +8,7 @@ import os
 import sys
 sys.path.append(os.path.join(os.path.dirname(__file__), '..', '..'))
 from config import GOOGLE_DRIVE_FILES
+import streamlit as st
 
 
 class RecipeSearchSystem:
@@ -215,7 +216,7 @@ class RecipeSearchSystem:
         
         return final_results
 
-
+@st.cache_resource
 def search_for_recipes():
     return RecipeSearchSystem()
 
@@ -224,10 +225,10 @@ if __name__ == "__main__":
     
     search_system = RecipeSearchSystem()
     test_queries = [
-        # "chicken pasta italian quick dinner",
-        # "chocolate cake dessert brownie baked healthy",
-        # "healthy vegetarian salad tomato basil",
-        # "quick easy dinner",
+        "chicken pasta italian quick dinner",
+        "chocolate cake dessert brownie baked healthy",
+        "healthy vegetarian salad tomato basil",
+        "quick easy dinner",
         "beef steak",
         "beef pasta",
         "beef"

pages/3_Recipe_Recommendation.py

@@ -44,13 +44,15 @@ def recipe_search_page():
         if results:
             st.markdown(f"### Top {len(results)} recipe recommendations for: *'{query}'*")
             st.markdown("<hr>", unsafe_allow_html=True)
-
+            col1, col2 = st.columns(2)
+            columns = [col1, col2]
+    
             for i, recipe in enumerate(results, 1):
                 steps_html = "".join([f"<li>{step.strip().capitalize()}</li>" for step in recipe.get("steps", [])])
                 description = recipe.get("description", "").strip().capitalize()
 
                 html_code = f"""
-                <div style=\"margin: 8px 0 8px 0; padding: 8px; border-radius: 12px; background-color: #fdfdfd; box-shadow: 0 2px 8px rgba(0,0,0,0.06); font-family: Arial, sans-serif; border: 1px solid #e0e0e0;\">
+                <div style=\"width: auto; margin: 8px 0 8px 0; padding: 8px; border-radius: 12px; background-color: #fdfdfd; box-shadow: 0 2px 8px rgba(0,0,0,0.06); font-family: Arial, sans-serif; border: 1px solid #e0e0e0;\">
                     <div style=\"font-size: 18px; font-weight: bold; color: #333; margin-bottom: 8px;\"> {i}. {recipe['name']}</div>
 
                     <div style=\"margin: 4px 0 12px 0; font-size: 14px; color: #555;\">
@@ -81,7 +83,8 @@ def recipe_search_page():
                     {"<div style='margin-top: 10px; font-size: 13px;'><b>Steps:</b><ol style='margin: 6px 0 0 18px; padding: 0;'>" + steps_html + "</ol></div>" if steps_html else ""}
                 </div>
                 """
-                components.html(html_code, height=340, scrolling=True)
+                with columns[(i-1) % 2]:
+                    components.html(html_code, height=340, scrolling=True)
 
         else:
             st.warning(f"No recipes found for '{query}' with a minimum rating of {min_rating}/5.0.")