Deployment test

Added app.py and requirement.py for the test deployment. It is yet to connect with models.

app.py

@@ -0,0 +1,60 @@
+import streamlit as st
+from streamlit_pills import pills
+st.markdown("<h1 style='font-size: 50px;'>QuantumQuest</h1>", unsafe_allow_html=True)
+
+st.markdown("""
+    <style>
+    .category-button {
+        background-color: #4CAF50; /* Green */
+        border: none;
+        width: 150px;  /* Set fixed width */
+        height: 50px;  /* Set fixed height */
+        color: white;
+        padding: 10px 24px;
+        text-align: center;
+        text-decoration: none;
+        display: inline-block;
+        font-size: 16px;
+        margin: 4px 2px;
+        cursor: pointer;
+        border-radius: 8px;
+        transition-duration: 0.4s;
+    }
+
+    .category-button:hover {
+        background-color: #3e8e41;
+        color: white;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+
+# List of categories
+categories = ["All","International News", "Sports", "Business", "Science/Tech", "Politics", "Entertainment", "Others"]
+
+num_columns = 3  # Adjust based on how many buttons per row you want
+rows = [categories[i:i + num_columns] for i in range(0, len(categories), num_columns)]
+
+tab1, tab2 = st.tabs([ "Categories","Popular News"])
+
+
+
+with tab1:
+        
+    with st.container():
+        st.header("Categories")
+        selection = pills("", categories)
+        st.write(f"You have selected {selection}")
+        
+  
+
+    
+with tab2:
+    col1,col2 = st.columns([3,1])
+    with col1:
+
+        st.header("Recent News")
+    
+    with col2:
+        st.button("Update")
+    st.write("Demo goes here")

requirements.txt

@@ -0,0 +1 @@
+streamlit_pills