Update app.py

app.py

@@ -1,8 +1,6 @@
-# app.py
-
 import streamlit as st
 import requests
-import random
+from PIL import Image
 
 # Function to fetch recipes based on ingredients
 def get_recipes(ingredients):
@@ -21,29 +19,67 @@ def get_recipes(ingredients):
         st.error("Failed to fetch recipes. Try again later.")
         return []
 
-# Streamlit UI for inputting pantry ingredients
-st.title('AI-Powered Recipe Generator with Pantry Integration')
+# Streamlit UI setup
+st.set_page_config(page_title="AI-Powered Recipe Generator", page_icon="🍽️", layout="wide")
 
-st.write("Enter the ingredients you have in your pantry to generate recipe suggestions!")
+# Add a background image (Optional)
+def add_bg_image(image_path):
+    st.markdown(
+        f"""
+        <style>
+        .stApp {{
+            background-image: url({image_path});
+            background-size: cover;
+            background-position: center;
+            background-repeat: no-repeat;
+        }}
+        </style>
+        """, unsafe_allow_html=True
+    )
 
-# Input field for ingredients (comma-separated)
-ingredients_input = st.text_input("Enter ingredients (comma-separated)", "")
+# Add background image (you can choose your own)
+add_bg_image("https://your-image-url.jpg")
 
+# Header with title and icon
+st.title("🍴 AI-Powered Recipe Generator with Pantry Integration")
+st.markdown("""
+Welcome to the AI-powered recipe generator! Simply enter the ingredients you have in your pantry, and we'll suggest some delicious recipes for you. 🥘
+""")
+
+# Input field for ingredients (comma-separated)
+ingredients_input = st.text_input("Enter ingredients you have (e.g., eggs, cheese, tomatoes)", "")
 if ingredients_input:
     ingredients = [ingredient.strip().lower() for ingredient in ingredients_input.split(',')]
     
-    st.write(f"Looking for recipes with: {', '.join(ingredients)}")
+    st.write(f"Looking for recipes with: **{', '.join(ingredients)}**")
     
     # Fetch recipes based on the entered ingredients
     recipes = get_recipes(ingredients)
     
     if recipes:
-        st.write(f"Here are some recipe suggestions for you:")
-        for recipe in recipes:
-            st.subheader(recipe['title'])
-            st.image(f"https://spoonacular.com/recipeImages/{recipe['id']}-312x231.jpg", width=250)
-            st.write(f"[View Recipe](https://spoonacular.com/recipes/{recipe['title'].replace(' ', '-')}-{recipe['id']})")
-            st.write("-" * 50)
+        st.markdown("### 🍽️ Here are some recipe suggestions for you:")
+
+        # Display the recipes in a grid layout
+        columns = st.columns(3)  # Create a 3-column layout
+        
+        # Loop through the recipes and display them in columns
+        for i, recipe in enumerate(recipes):
+            col = columns[i % 3]  # Distribute recipes across columns
+            
+            with col:
+                st.subheader(recipe['title'])
+                st.image(f"https://spoonacular.com/recipeImages/{recipe['id']}-312x231.jpg", width=200)
+                st.markdown(f"[View Full Recipe](https://spoonacular.com/recipes/{recipe['title'].replace(' ', '-')}-{recipe['id']})", unsafe_allow_html=True)
+                st.write("📝 **Ingredients**:")
+                st.write(", ".join([ingredient['name'] for ingredient in recipe['missedIngredients']]))
+                st.write("-" * 40)
+
     else:
-        st.write("No recipes found. Try different ingredients.")
+        st.warning("No recipes found. Try using different ingredients!")
+
+# Add a footer for engagement
+st.markdown("""
+---
+**Need more ideas?** Visit our [Spoonacular API Documentation](https://spoonacular.com/food-api) for more recipe inspiration!
+""")