Upload folder using huggingface_hub

app.py

@@ -15,6 +15,12 @@ import joblib
 model_path = hf_hub_download(repo_id="harishsohani/MLOP-Project-Tourism", filename="best_tourism_model.joblib")
 model = joblib.load(model_path)
 
+# Streamlit UI for Machine Failure Prediction
+st.title("Tourism App - Input form for Prediction")
+st.write("""
+This application predicts the likelihood of whether a customer would take the product based on following set of parameters.
+Please provide the following details.
+""")
 
 # ---------------------------------------------------------
 # Define Unique Values for each column
@@ -24,7 +30,7 @@ TypeofContact_vals = ['Self Enquiry', 'Company Invited']
 
 Occupation_vals = ['Salaried', 'Free Lancer', 'Small Business', 'Large Business']
 
-Gender_vals = ['Female', 'Male', 'Fe Male']   # You may want to fix "Fe Male"
+Gender_vals = ['Female', 'Male']   
 
 ProductPitched_vals = ['Deluxe', 'Basic', 'Standard', 'Super Deluxe', 'King']
 
@@ -32,6 +38,8 @@ MaritalStatus_vals = ['Single', 'Divorced', 'Married', 'Unmarried']
 
 Designation_vals = ['Manager', 'Executive', 'Senior Manager', 'AVP', 'VP']
 
+CityType = [ "Tier 1", "Tier 2", "Tier3"]
+
 CityTier_vals = [1, 2, 3]
 
 PreferredPropertyStar_vals = [3.0, 4.0, 5.0]
@@ -41,135 +49,133 @@ NumberOfTrips_vals = [1, 2, 7, 5, 6, 3, 4, 19, 21, 8, 20, 22]
 PitchSatisfactionScore_vals = [1, 2, 3, 4, 5]
 
 
+# ---------------------------------------------------------
+# SECTION 1: Personal Information
+# ---------------------------------------------------------
 
-st.set_page_config(page_title="Tourism App – Input Form", layout="wide")
-
-# ----- COMPACT CSS -----
-st.markdown("""
-<style>
-.card {
-    background-color: #ffffff;
-    padding: 15px;
-    border-radius: 12px;
-    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
-    margin-bottom: 12px;
-}
-
-.section-title {
-    font-size: 20px;
-    font-weight: 700;
-    margin-bottom: 6px;
-    color: #1a73e8;
-}
-
-h1 {
-    font-size: 26px !important;
-    margin-bottom: 8px;
-}
-
-label, .stSelectbox label, .stNumberInput label {
-    font-size: 14px !important;
-    font-weight: 600 !important;
-}
+st.header("1️⃣ Personal Information")
+col1, col2 = st.columns(2)
 
-.stButton > button {
-    background-color: #1a73e8;
-    color: white;
-    padding: 10px 20px;
-    font-size: 16px;
-    width: 40%;
-    border-radius: 8px;
-}
+with col1:
+    Age = st.number_input("Age", min_value=1, max_value=100, value=30)
+    Gender = st.selectbox("Gender", Gender_vals)
 
-.result-box {
-    padding: 10px;
-    background-color: #e8f4ff;
-    border-left: 4px solid #1a73e8;
-    font-size: 16px;
-    border-radius: 6px;
-    margin-top: 10px;
-}
-</style>
-""", unsafe_allow_html=True)
+with col2:
+    MaritalStatus = st.selectbox("Marital Status", MaritalStatus_vals)
+    MonthlyIncome = st.number_input("Monthly Income", min_value=0, value=50000)
 
-# ---- TITLE ----
-st.markdown("<h1 style='text-align:center;'>🏖️ Tourism App – Customer Input</h1>", unsafe_allow_html=True)
 
 
-# -----------------------
-# LAYOUT (2-COLUMN PAGE)
-# -----------------------
-left, right = st.columns(2)
-
+# ---------------------------------------------------------
+# Section 2: Customer Profile
+# ---------------------------------------------------------
+st.header("2️⃣ Customer Background & Profile")
+col3, col4 = st.columns(2)
 
-# ===== LEFT SIDE =====
-with left:
+with col3:
+    Occupation = st.selectbox("Occupation", Occupation_vals)
+    Designation = st.selectbox("Designation", Designation_vals)
 
-    # ---- Personal Information ----
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
-    st.markdown("<div class='section-title'>1️⃣ Personal Information</div>", unsafe_allow_html=True)
+with col4:
+    CityTier = st.selectbox("City Tier", sorted(CityTier_vals))
+    OwnCar_display = st.radio("Own Car?", ["Yes", "No"])
+    Passport_display = st.radio("Passport?", ["Yes", "No"])
 
-    col1, col2 = st.columns(2)
-    with col1:
-        Age = st.number_input("Age", 0, 120, 30)
-        MonthlyIncome = st.number_input("Monthly Income", 0, 500000, 50000)
-    with col2:
-        Gender = st.selectbox("Gender", ["Male", "Female"])
-        MaritalStatus = st.selectbox("Marital Status", ["Single", "Married", "Divorced"])
+# Convert Yes/No → 1/0
+OwnCar = 1 if OwnCar_display == "Yes" else 0
+Passport = 1 if Passport_display == "Yes" else 0
 
-    st.markdown("</div>", unsafe_allow_html=True)
+# ---------------------------------------------------------
+# SECTION 3: Travel & Vacation Behavior
+# ---------------------------------------------------------
 
-    # ---- Customer Profile ----
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
-    st.markdown("<div class='section-title'>2️⃣ Customer Profile</div>", unsafe_allow_html=True)
+st.header("3️⃣ Travel & Vacation Behavior")
+col5, col6 = st.columns(2)
+
+with col5:
+    NumberOfPersonVisiting = st.number_input(
+        "Number of Persons Visiting", min_value=1, max_value=10, value=2
+    )
+    NumberOfChildrenVisiting = st.number_input(
+        "Number of Children Visiting", min_value=0, max_value=10, value=0
+    )
+
+with col6:
+    NumberOfTrips = st.number_input(
+      "Number of Trips per Year",
+      min_value=0,
+      max_value=50,
+      value=1
+    )
+    PreferredPropertyStar = st.selectbox(
+        "Preferred Property Star", PreferredPropertyStar_vals
+    )
 
-    col1, col2 = st.columns(2)
-    with col1:
-        Occupation = st.selectbox("Occupation", ["Salaried", "Business", "Retired"])
-        Designation = st.selectbox("Designation", ["Executive", "Manager", "Senior Manager"])
-    with col2:
-        CityTier_display = st.selectbox("City Tier", ["Tier 1", "Tier 2", "Tier 3"])
-        Passport_display = st.selectbox("Passport", ["Yes", "No"])
 
-    st.markdown("</div>", unsafe_allow_html=True)
+# ---------------------------------------------------------
+# SECTION 4: Sales Interaction Details
+# ---------------------------------------------------------
 
+st.header("4️⃣ Sales Interaction Details")
+col7, col8 = st.columns(2)
 
-# ===== RIGHT SIDE =====
-with right:
+with col7:
+    TypeofContact = st.selectbox("Type of Contact", TypeofContact_vals)
+    ProductPitched = st.selectbox("Product Pitched", ProductPitched_vals)
 
-    # ---- Travel Behavior ----
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
-    st.markdown("<div class='section-title'>3️⃣ Travel Behavior</div>", unsafe_allow_html=True)
+with col8:
+    DurationOfPitch = st.number_input(
+        "Duration of Pitch (minutes)", min_value=0.0, max_value=60.0, value=10.0
+    )
+    PitchSatisfactionScore = st.selectbox(
+        "Pitch Satisfaction Score", sorted(PitchSatisfactionScore_vals)
+    )
+    NumberOfFollowups = st.number_input(
+        "Number of Follow-ups", min_value=0, max_value=20, value=2
+    )
 
-    col1, col2 = st.columns(2)
-    with col1:
-        NumberOfTrips = st.number_input("Travel Persons", 1, 10, 2)
-        NumberOfChildrenVisiting = st.number_input("Children", 0, 10, 0)
-    with col2:
-        duration = st.number_input("Trip Days", 1, 60, 5)
-        property_type = st.selectbox("Preferred Stay", ["Hotel", "Resort", "Homestay"])
 
-    st.markdown("</div>", unsafe_allow_html=True)
+# ---------------------------------------------------------
+# Prepare Input for Model
+# ---------------------------------------------------------
 
-    # ---- Sales Details ----
-    st.markdown("<div class='card'>", unsafe_allow_html=True)
-    st.markdown("<div class='section-title'>4️⃣ Sales Interaction</div>", unsafe_allow_html=True)
+input_data = {
+    "Age": Age,
+    "TypeofContact": TypeofContact,
+    "CityTier": CityTier,
+    "DurationOfPitch": DurationOfPitch,
+    "Occupation": Occupation,
+    "Gender": Gender,
+    "NumberOfPersonVisiting": NumberOfPersonVisiting,
+    "NumberOfFollowups": NumberOfFollowups,
+    "ProductPitched": ProductPitched,
+    "PreferredPropertyStar": PreferredPropertyStar,
+    "MaritalStatus": MaritalStatus,
+    "NumberOfTrips": NumberOfTrips,
+    "Passport": Passport,        # now 0/1
+    "PitchSatisfactionScore": PitchSatisfactionScore,
+    "OwnCar": OwnCar,            # now 0/1
+    "NumberOfChildrenVisiting": NumberOfChildrenVisiting,
+    "Designation": Designation,
+    "MonthlyIncome": MonthlyIncome
+}
 
-    col1, col2 = st.columns(2)
-    with col1:
-        ProductPitched = st.selectbox("Product Pitched", ["Basic", "Standard", "Premium"])
-    with col2:
-        DurationOfPitch = st.number_input("Pitch Duration (min)", 0, 120, 30)
+import_data_df = pd.DataFrame([input_data])
 
-    st.markdown("</div>", unsafe_allow_html=True)
+# The following code can be enabled to see the etails of data frame prepared from user input
+# This code was used for debugging and now disabled
+## st.subheader("📦 Input Data Summary")
+## st.json(input_data)
 
 
-# ===== PREDICT BUTTON CENTERED =====
-st.write("")
-btn_col = st.columns([3, 2, 3])  # center alignment
+# ---------------------------------------------------------
+# Prediction Button
+# ---------------------------------------------------------
 
-with btn_col[1]:
-    predict = st.button("🔮 Predict", use_container_width=True)
+if st.button("Predict"):
+    st.success("Prediction logic goes here (connect your model).")
 
-#if predict:
-#    st.markdown("<div class='result-box'>Prediction output goes here.</div>", unsafe_allow_html=True)
+    prediction = model.predict(import_data_df)[0]
+    result = "Customer is likely to Take Product" if prediction == 1 else "Customer will not Take the Product"
+    st.subheader("Prediction Result:")
+    st.success(f"Prediction as per Model: **{result}**")