pages/3_🎨_Portofolio.py

import streamlit as st
import streamlit.components.v1 as components
from constant import *

# page config ----------------------------------------------------------------
st.set_page_config(page_title="Portofolio", page_icon="🎨", layout="wide")
st.header("🎨 Portfolio",divider='rainbow')

# page functions ----------------------------------------------------------------
def Portfolio_component(header, content):
   st.subheader(header, divider='grey')
   st.write(content)

# Shiny Data Platform ----------------------------------------------------------------
Portfolio_component(Portfolio[1][0], Portfolio[1][1])

st.image("src/ShinyDataPlatform.jpg")
st.link_button("Shiny Data Platform Demo", "https://transbig.shinyapps.io/Shiny_Data_Platform_Demo")


# Easy Chart Maker --------------------------------------------------------------
Portfolio_component(Portfolio[2][0], Portfolio[2][1])

st.image("src/easy_chart_maker.png")

st.link_button("Go to Easy Chart Maker Tool", "https://transbig.shinyapps.io/easy_chart_maker/")

# New Zealand Commuter Insights Portal -------------------------------------------------------------- 
Portfolio_component(Portfolio[3][0], Portfolio[3][1])

st.image("src/nz_commuter_insights_portal.png")

st.link_button("New Zealand Commuter Insights Portal Demo Link", "https://transbig.shinyapps.io/NZ_Commuter_Insights_Portal")


# 3D Map Creator -----------------------------------------------------------
Portfolio_component(Portfolio[4][0], Portfolio[4][1])

st.image("src/3D_map_creator.png")

st.link_button("Try the 3D Map Creator Tool", "https://transbig.shinyapps.io/3D_Map_Creator/")


# Automated Data Quality Explorer -----------------------------------------------------------
Portfolio_component(Portfolio[5][0], Portfolio[5][1])

st.image("src/automated_data_quality_explorer.png")

st.link_button("Try the Automated Data Quality Tool", "https://transbig.shinyapps.io/Shiny_Data_Quality_Explorer/")


# WebVR Data Visualisation Portal -----------------------------------------------------------
Portfolio_component(Portfolio[6][0], Portfolio[6][1])

st.image("src/WebVR_Data_Visualisation_Portal.png")



# NZ Traffic AI Portal -----------------------------------------------------------
Portfolio_component(Portfolio[7][0], Portfolio[7][1])

st.image("src/nz_traffic_ai_portal.png")

st.link_button("Try the NZ Traffic AI Portal", "https://transbig.shinyapps.io/NZTrafficAI")



# covid19_rpot -----------------------------------------------------------
Portfolio_component(Portfolio[8][0], Portfolio[8][1])

st.image("src/covid19_rpot.png")

st.link_button("Try the Covid19 Response Prioritisation and Programme Optimisation Tool", "https://transbig.shinyapps.io/Covid19_RPOT/")