initial commit

app.py

@@ -0,0 +1,77 @@
+import pickle
+import streamlit as st
+from html_information import html
+import random
+random.seed(42)
+
+
+def load_pickle_file(file_name):
+    with open(file_name, 'rb') as f:
+        return pickle.load(f)
+
+
+def streamlit_carousel(header_name: str, rec_item_url: list,
+                       rec_item_name: list) -> None:
+    st.header(header_name)
+    mid_section = ""
+    for index, value in enumerate(rec_item_url):
+        mid_section += """<div class="item"><div id="image-container"><img src='""" + str(value) + """' /></div><p>""" + str(rec_item_name[index]) + """</p></div>"""
+
+    mid_html = html + mid_section + """</div></div></body>"""
+    st.markdown(mid_html, unsafe_allow_html=True)
+
+
+companies_list = ["JMD", "JMP", "FRESHPIK"]
+st.set_page_config(page_title="My App", page_icon=":guardsman:", layout="wide", initial_sidebar_state="auto")
+st.header("Similar Products, Bought Together Recommendations")
+st.subheader("Choose a Company")
+company_name = st.selectbox("Company List", companies_list)
+if company_name == "JMD":
+    id_url = load_pickle_file("jmd_uid_image_url_map.pkl")
+    bt_document = load_pickle_file("jmd_bt_rec.pkl")
+    sim_document = load_pickle_file("jmd_sim_rec.pkl")
+elif company_name == "JMP":
+    id_url = load_pickle_file("jmp_uid_image_url_map.pkl")
+    bt_document = load_pickle_file("jmp_bt_rec.pkl")
+    sim_document = load_pickle_file("jmp_sim_rec.pkl")
+else:
+    id_url = load_pickle_file("freshpik_uid_image_url_map.pkl")
+    bt_document = load_pickle_file("freshpik_bt_rec.pkl")
+    sim_document = load_pickle_file("freshpik_sim_rec.pkl")
+
+
+product_names = [item["product_name"] for item in bt_document]
+st.subheader("Choose a Product")
+index = st.selectbox("Product List", range(len(product_names)), format_func=lambda x: product_names[x])
+query_uid = bt_document[index]["product_id"]
+print(f"Query ID: {query_uid}")
+print()
+query_url = id_url[query_uid]
+st.image(query_url, width=200)
+
+#sim_recommendations = sim_document[index]["recommendations"]
+
+for val in sim_document:
+    if val["product_id"] == query_uid:
+        sim_recommendations = val["recommendations"]
+
+print("Similar Product Recommendations")
+print(sim_recommendations)
+print()
+sim_recommendations_uid = [item["product_id"] for item in sim_recommendations]
+sim_recommendations_name = [item["product_name"] for item in sim_recommendations]
+sim_recommendations_url = [id_url[item] for item in sim_recommendations_uid]
+streamlit_carousel("Similar Product Recommendations", sim_recommendations_url, sim_recommendations_name)
+
+for val in bt_document:
+    if val["product_id"] == query_uid:
+        bt_recommendations = val["recommendations"]
+
+
+print("Bought Together Recommendations")
+print(bt_recommendations)
+print()
+bt_recommendations_uid = [item["product_id"] for item in bt_recommendations]
+bt_recommendations_name = [item["product_name"] for item in bt_recommendations]
+bt_recommendations_url = [id_url[item] for item in bt_recommendations_uid]
+streamlit_carousel("Bought Together Recommendations", bt_recommendations_url, bt_recommendations_name)

freshpik_bt_rec.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5524cdedc49a91d026637d46c62ba0acae94e31587de4ebd96276e57e19d5bd2
+size 3430543

freshpik_sim_rec.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:baf7f829d88e3815ec61d61c3df17055115a03297b8c3667344b9262b11fbfe4
+size 3199878

freshpik_uid_image_url_map.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f8e8c891409b686a6f6c2222b2d7ae64638e0d06d5130afe6ab031a52893b5d9
+size 393643

html_information.py

@@ -0,0 +1,69 @@
+html = """
+<style>
+ body{
+  font-family: sans-serif;
+}
+h1{
+  font-weight: 100;
+}
+.container{
+  width: 100%;
+  display:block;
+  overflow:hidden;
+}
+.carousel{
+  display:block;
+  width: 100%;
+  height: 320px;
+  background: white;
+  overflow-x: scroll;
+  padding: 10px;
+  margin: 0;
+  white-space: nowrap; 
+  border-top: 2px solid rgba(0, 0, 0, 0.1);
+  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
+}
+.item {
+    display: inline-block;
+    overflow: hidden;
+    width: 250px;
+    margin: 0 10px;
+    height: calc(100%);
+    background: rgba(0, 0, 0, 0.05) no-repeat center center;
+    background-size: cover;
+    position:relative;
+    border-radius: 20px;
+    box-shadow: 0 0 10px #dfdfdf;
+}
+.item p {
+    padding: 20px;
+    word-break: break-all;
+    white-space: break-spaces;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    margin: 0;
+    align: center;
+}
+#image-container{
+  width: 100%;
+  height: 60%;
+  text-align:center;
+  font-size: 9em;
+  color: white;
+  overflow: hidden;
+}
+#image-container img{
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+</style>
+</head>
+<body>
+<div class="container">
+  <div class="carousel">
+
+"""

jmd_bt_rec.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5a86e9db94e9d8c76bc6f4c6430a515d85c68780c6c1f033dc6458a14e11223
+size 14909452

jmd_sim_rec.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:68c1832f403205340d76e427af931367b03296471e5f30a55a922fd73105b1a3
+size 18187489

jmd_uid_image_url_map.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:becf3f3010d1b050b01fb12c450f802a80e7956dddcac947ee778032b090c6b2
+size 1537022

jmp_bt_rec.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf6aaa999cb9065ec7f7e67d2896b84ee730b0c88ac2c19c77070d3dcaea584a
+size 64114321

jmp_sim_rec.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6acfe7f41308f79a23262c11a01907458fdb935f638f5f032b250e16e6513456
+size 65712337

jmp_uid_image_url_map.pkl

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a15e8174053ce9aeeecff7a406961f66245753ea5b4ac38ed916a3bfba0abc37
+size 5202317