Add initial files

app.py

@@ -0,0 +1,59 @@
+import pickle
+import streamlit as st
+from html_information import html
+
+
+def read_pickle_files(pickle_file):
+    with open(pickle_file, '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)
+    if header_name == "Up-Sell Recommendations" or header_name == "Cross-Sell Recommendations":
+        st.write("Based on Products added to the Cart")
+    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)
+
+def get_mapped_values(uid_list, dict_map):
+    res = []
+    for val in uid_list:
+        res.append(dict_map[val])
+    return res
+
+uid_name_map = read_pickle_files("uid_name_map.pkl") 
+uid_url_map = read_pickle_files("uid_url_map.pkl") 
+uid_brand_map = read_pickle_files("uid_brand_map.pkl") 
+uid_category_map = read_pickle_files("uid_category_map.pkl")
+trending_uid_list = read_pickle_files("trending_uid_list.pkl")
+category_uid_dict = read_pickle_files("category_uid_dict.pkl")
+brand_name_dict = read_pickle_files("brand_uid_dict.pkl")
+
+st.header("Trending Products Recommendations")
+st.subheader("Trending Products")
+trending_name_list = get_mapped_values(trending_uid_list, uid_name_map)
+trending_url_list = get_mapped_values(trending_uid_list, uid_url_map)
+streamlit_carousel("Trending Products", trending_url_list, trending_name_list)
+
+st.subheader("Trending Category Products")
+category_list = list(category_uid_dict.keys())
+category = st.selectbox("Select Category", category_list)
+category_heading = "Trending " + category + " Products"
+selected_category_uid_list = category_uid_dict[category]
+selected_category_name_list = get_mapped_values(selected_category_uid_list, uid_name_map)
+selected_category_url_list = get_mapped_values(selected_category_uid_list, uid_url_map)
+streamlit_carousel(category_heading, selected_category_url_list, selected_category_name_list)
+
+st.subheader("Trending Brands Products")
+brand_list = list(brand_name_dict.keys())
+brand = st.selectbox("Select Brand", brand_list)
+brand_heading = "Trending " + brand + " Products"
+selected_brand_uid_list = brand_name_dict[brand]
+selected_brand_name_list = get_mapped_values(selected_brand_uid_list, uid_name_map)
+selected_brand_url_list = get_mapped_values(selected_brand_uid_list, uid_url_map)
+streamlit_carousel(brand_heading, selected_brand_url_list, selected_brand_name_list)

brand_uid_dict.pkl

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

category_uid_dict.pkl

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

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">
+
+"""

trending_uid_list.pkl

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

uid_brand_map.pkl

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

uid_category_map.pkl

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

uid_name_map.pkl

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

uid_url_map.pkl

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