Added some basic api callouts to retrieve images dynamically

main.py

@@ -1,4 +1,16 @@
 import streamlit as st
+from met_api import get_objectsWithImages, get_images
+
+# Caching Section
+@st.cache_data
+def cache_objectsWithImages():
+    return get_objectsWithImages()
+
+@st.cache_data
+def cache_images(total, objectIDs, limit):
+    return get_images(total, objectIDs, limit)
+
+
 
 # Page setup
 st.set_page_config(page_title="The METrics", layout="centered")
@@ -33,31 +45,39 @@ st.markdown(
     unsafe_allow_html=True
 )
 
-# Columns with fixed-height images
-col1, col2, col3 = st.columns(3)
+total, ids = get_objectsWithImages()
+images = get_images(total, ids, limit=3)
+
+
+if images:
+    # Columns with fixed-height images
+    col1, col2, col3 = st.columns(3)
 
-with col1:
-    st.markdown(
-        "<div class='img-box'><img src='https://images.metmuseum.org/CRDImages/ep/web-large/DP-29324-001.jpg'></div>",
-        unsafe_allow_html=True
-    )
-with col2:
-    st.markdown(
-        "<div class='img-box'><img src='https://images.metmuseum.org/CRDImages/ad/web-large/DP124705.jpg'></div>",
-        unsafe_allow_html=True
-    )
-with col3:
-    st.markdown(
-        "<div class='img-box'><img src='https://images.metmuseum.org/CRDImages/gr/web-large/DP21847edited.jpg'></div>",
-        unsafe_allow_html=True
-    )
+    with col1:
+        st.markdown(
+            f"<div class='img-box'><img src='{images[0][0]}'></div>",
+            unsafe_allow_html=True
+        )
+        st.markdown(f"<div>{images[0][1]}</div>", unsafe_allow_html=True)
+    with col2:
+        st.markdown(
+            f"<div class='img-box'><img src='{images[1][0]}'></div>",
+            unsafe_allow_html=True
+        )
+        st.markdown(f"<div>{images[1][1]}</div>", unsafe_allow_html=True)
+    with col3:
+        st.markdown(
+            f"<div class='img-box'><img src='{images[2][0]}'></div>",
+            unsafe_allow_html=True
+        )
+        st.markdown(f"<div>{images[2][1]}</div>", unsafe_allow_html=True)
 
 st.write("")
 st.write("")
 # Search bar
 st.markdown("""
 <div style='display: flex; justify-content: center;'>
-    <input type="text" placeholder=" 🔎  Search Met's Art Collection...." 
+    <input type="text" placeholder=" 🔎  Search Met's Art Collection...."
            style="padding: 10px; width: 250px; border-radius: 20px; border: 1px solid #ccc;">
 </div>
 """, unsafe_allow_html=True)
@@ -67,7 +87,7 @@ st.write("")
 # Footer
 st.markdown("""
 <div style='position: fixed; bottom: 10px; left: 0; right: 0; text-align: center; font-size: 12px;'>
-    <span style="font-size: 14px;">ℹ️ Met API and data related information is available at – 
+    <span style="font-size: 14px;">ℹ️ Met API and data related information is available at –
     <a href="https://metmuseum.github.io/" target="_blank">https://metmuseum.github.io/</a></span>
 </div>
 """, unsafe_allow_html=True)

met_api.py

@@ -0,0 +1,35 @@
+import requests
+import random
+
+URL = "https://collectionapi.metmuseum.org/public/collection/v1/"
+
+'''
+Need to add error handling
+'''
+
+# gets information on a single object
+def get_object(objectID):
+    return requests.get(f"{URL}/objects/{objectID}").json()
+
+# gets all the objects that have some sort of image
+def get_objectsWithImages():
+    response = requests.get(f"{URL}search?hasImages=true&q=*").json()
+    total = response["total"]
+    objectIDs = response["objectIDs"]
+    return total, objectIDs
+
+# gets the urls for 3 random objects with images
+def get_images(totalObjects, objectIDs, limit):
+    images = []
+    # grabbing extra in case a primary image is blank (Works best on small limits)
+    rand_indexes = random.sample(range(totalObjects), limit + 20)
+
+    for i in rand_indexes:
+        obj = get_object(objectIDs[i])
+        if obj["primaryImage"]:
+            images.append((obj["primaryImage"], obj["title"]))
+            limit += 1
+        if limit == 3:
+            break
+
+    return images