Add repo from thinhVu to test and deploy

README.md

@@ -5,9 +5,10 @@ colorFrom: indigo
 colorTo: green
 sdk: streamlit
 sdk_version: 1.39.0
-app_file: app.py
+short_description: Template Streamlit App from ThinhVu
 pinned: false
 license: mit
+app_file: app.py
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -1,4 +1,91 @@
 import streamlit as st
+import json
+# from pygwalker.api.streamlit import StreamlitRenderer, init_streamlit_comm
+from vnstock import *
 
-x = st.slider('Select a value')
-st.write(x, 'squared is', x * x)
+# start with wide mode
+st.set_page_config(layout="wide")
+
+st.image('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR9oKwC5bqBD08w-m0l0nJo7uKpv6VOSZZU2TvkKVGJ8slWt4GguXfUdyD0sE2F31NsDoM&usqp=CAU', width=120)
+st.header("Thư viện mẫu Streamlit Web App cho người mới bắt đầu")
+
+# Create 3 tabs
+screener, help, credit = st.tabs(["Bộ lọc cổ phiếu", "Hướng dẫn", "Giới thiệu"])
+
+
+default_query = {"exchangeName": "HOSE,HNX,UPCOM",
+            "marketCap": (100, 1000)}
+
+@st.cache_data
+def tcbs_screener(query, limit=1700):
+    screener_df = stock_screening_insights (query, size=limit, drop_lang='en')
+    return screener_df
+
+# def pygwalker_part (df):
+#     # Initialize pygwalker communication
+#     init_streamlit_comm()
+#     renderer = StreamlitRenderer(df, spec="./gw_config.json", debug=False)
+#     renderer.render_explore()
+
+# Define the content of each tab
+with screener:
+    st.markdown("## Bộ lọc cổ phiếu")
+
+    # define 3 columns with equally width
+    col1, col2, col3 = st.columns([1.5, 1, 1])
+    with col1:
+        # allow user to select exchange from HOSE, HNX, UPCOM
+        exchange = st.multiselect("Sàn giao dịch", ["HOSE", "HNX", "UPCOM"], default=["HOSE", "HNX", "UPCOM"])
+    with col2:
+        # allow user to input market cap range
+        market_cap = st.slider("Vốn hóa thị trường", 0, 10000, (100, 1000))
+    with col3:
+        # show a number input to define the limit of the result
+        limit = st.number_input("Số lượng cổ phiếu tối đa", min_value=10, max_value=2000, value=1700)
+    
+    # update the query with the user input
+    query = {"exchangeName": ",".join(exchange),
+            "marketCap": market_cap}
+    # call the function to get the result
+    screener_df = tcbs_screener(query, limit)
+    # show the result in a table
+    st.write(screener_df)
+
+    # st.markdown('## Khám phá')
+    # pygwalker_part (screener_df)
+
+
+
+
+with help:
+    st.markdown("## Hướng dẫn")
+    help_details = """
+    ## Sử dụng Streamlit Cloud
+    1. Tạo Github repository bằng cách folk repo này trên Github hoặc tạo mới một repo và copy toàn bộ nội dung trong thư mục repo này vào.
+    2. Truy cập Streamlit Cloud (cần đăng ký mới nếu chưa có tài khoản tại: https://share.streamlit.io). Bạn có thể đăng nhập bằng tài khoản Github hiện có.
+    3. Tạo ứng dụng mới trên Streamlit Share bằng cách chọn New app > Use existing repo và chọn repo bạn chuẩn bị sẵn trên Github
+    ![](./assets/images/streamlit_cloud_setup_new_repo_thinhvu_vnstock_learn-anything.png)
+    ## Sử dụng Hugging Face Spaces
+    1. Tạo tài khoản Hugging Face tại: https://huggingface.co
+    2. Truy cập Hugging Face Spaces tại: https://huggingface.co/new-space để tạo một không gian mới
+    3. Đặt tên url cho không gian của bạn, ví dụ `vnstock-app`
+    4. Chọn Space SDK là Streamlit
+    5. Chọn chế độ chia sẻ công khai (Public) hay riêng tư (Private)
+    6. Chọn Create Space để hoàn tất.
+    7. Truy cập tab `Files` và chọn nút (button) `Upload files` để tải lên toàn bộ nội dung trong thư mục repo này.
+    """
+    st.markdown(help_details)
+
+with credit:
+    credit_details = """
+    ## Giới thiệu
+    
+    Đây là mẫu Web App đơn giản minh họa cho người mới làm quen với việc xây dựng Data app trên nền tảng Web bằng streamlit trong Python.
+
+    ## Tác giả
+    * Tác giả: [Thinh Vu](https://thinhvu.com) @ vnstock.site
+    * Email: support@vnstock.site
+    * Website: [vnstock.site](https://vnstock.site)
+    * Bạn có thể gửi tặng tác giả Cafe qua QR thay lời cảm ơn. Chi tiết [tại đây](https://docs.vnstock.site/community/tai-tro-du-an-vnstock/)    
+    """
+    st.markdown(credit_details)

requirements.txt

@@ -0,0 +1,15 @@
+streamlit
+bs4
+pandas==2.2.1
+requests==2.31.0
+bs4==0.0.2
+vnai>=0.1.0
+openpyxl==3.1.2
+vnstock_ezchart==0.0.2
+fake_useragent==1.5.1
+cryptography==42.0.5
+psutil==6.0.0
+click==8.1.7
+click-repl==0.3.0
+seaborn==0.13.2
+IPython