Update app.py

app.py

@@ -88,48 +88,17 @@ def predict_menu_inclusion(food_name, review_text, cook_time, prep_time, total_t
 # Streamlit app with enhanced UI
 st.set_page_config(page_title="Recipe Rating & Menu Optimization", layout="wide")
 
+st.title("🍲🌟 Recipe Rating & Menu Optimization 🚀")
 st.markdown(
     """
-    <style>
-        .main {
-            background-color: #f5f5f5;
-            font-family: Arial, sans-serif;
-        }
-        h1 {
-            color: #3c3c7b;
-        }
-        .sidebar .sidebar-content {
-            background-color: #eef2f3;
-        }
-        .stButton>button {
-            background-color: #3c3c7b;
-            color: white;
-            border-radius: 5px;
-            font-size: 16px;
-        }
-        .stButton>button:hover {
-            background-color: #2c2c5a;
-        }
-        .prediction-box {
-            background-color: #eaf6f6;
-            padding: 20px;
-            border-radius: 10px;
-            box-shadow: 2px 2px 10px #ccc;
-        }
-        .success {
-            color: green;
-            font-weight: bold;
-        }
-        .error {
-            color: red;
-            font-weight: bold;
-        }
-    </style>
-    """,
-    unsafe_allow_html=True,
+    Welcome to the **Recipe Rating & Menu Optimization** app! 🎉  
+    This tool uses cutting-edge **AI and machine learning** 🧠 to help chefs, restaurateurs, and food enthusiasts 🍽️ predict recipe ratings and decide if a dish deserves a place on the menu. 🏆
+
+   
+    Let's get started and create culinary magic! ✨
+    """
 )
 
-st.title("🌟 Recipe Rating & Menu Optimization")
 
 st.sidebar.header("📋 Enter Recipe Details")
 food_name = st.sidebar.text_input("🍴 Food Name", value="Paneer Butter Masala")
@@ -143,14 +112,56 @@ fat = st.sidebar.number_input("🍟 Fat (grams)", min_value=0.0, step=1.0, value
 
 if st.sidebar.button("🔮 Predict"):
     result = predict_menu_inclusion(food_name, review_text, cook_time, prep_time, total_time, protein, carbs, fat)
-    st.markdown("<div class='prediction-box'>", unsafe_allow_html=True)
+    predicted_rating = result["PredictedRating"]
+    include_on_menu = result["IncludeOnMenu"]
+
+    # Custom progress bar with color based on inclusion
+    bar_color = "green" if include_on_menu else "red"
+    progress_percentage = int(predicted_rating * 20)  # Convert rating (0-5) to percentage (0-100)
+
+    # Display animated progress bar
+    st.markdown(
+        f"""
+        <div style="
+            width: 100%;
+            background-color: #ddd;
+            border-radius: 10px;
+            margin-bottom: 15px;
+        ">
+            <div style="
+                width: {progress_percentage}%;
+                height: 25px;
+                background-color: {bar_color};
+                border-radius: 10px;
+                text-align: center;
+                color: white;
+                line-height: 25px;
+                font-weight: bold;
+                animation: growBar 2s;
+            ">
+                {progress_percentage}%
+            </div>
+        </div>
+        <style>
+        @keyframes growBar {{
+            from {{ width: 0%; }}
+            to {{ width: {progress_percentage}%; }}
+        }}
+        </style>
+        """,
+        unsafe_allow_html=True,
+    )
+
+    # Display prediction results
     st.subheader("Prediction Results")
-    st.write(f"**🍴 Food Name:** {result['FoodName']}")
-    st.write(f"**⭐ Predicted Rating:** {result['PredictedRating']}")
-    st.write(
+    st.markdown(f"**🍴 Food Name:** {result['FoodName']}")
+    st.markdown(f"**⭐ Predicted Rating:** {result['PredictedRating']:.1f}")
+
+    st.markdown(
         f"**🍽️ Include on Menu:** "
-        f"<span class='{'success' if result['IncludeOnMenu'] else 'error'}'>"
-        f"{'Yes' if result['IncludeOnMenu'] else 'No'}</span>",
+        f"<span style='color: {'green' if include_on_menu else 'red'}; font-weight: bold;'>"
+        f"{'Yes' if include_on_menu else 'No'}</span>",
         unsafe_allow_html=True,
     )
-    st.markdown("</div>", unsafe_allow_html=True)
+
+