Update pages/hari.py

pages/hari.py

@@ -1,42 +1,157 @@
 import streamlit as st
+import pandas as pd
 
-def main():
-    st.title("Types of Data")
+# Define functions for individual pages
 
-    # Radio buttons to select data type
-    data_type = st.radio("Select the type of data:", ("Structured Data", "Semi-Structured Data", "Unstructured Data"))
+# Structured Data - Excel Page
+def excel_details_page():
+    st.title("Structured Data - Excel Details")
+    st.markdown("""
+    **Excel** files store structured data in a tabular format with rows and columns.
 
-    # Home button
-    if st.button("Home Page"):
-        st.experimental_rerun()
+    - Commonly used for data analysis and reporting.
+    - Supports multiple sheets in a single file.
+    - Easily readable and writable using libraries like `pandas`.
+    """)
+    st.code('df = pd.read_excel("file.xlsx")', language="python")
 
-    if data_type == "Structured Data":
-        st.subheader("Structured Data")
+    if st.button("Back to Home"):
+        st.session_state['page'] = "home"
+
+# Semi-Structured Data - CSV Page
+def csv_details_page():
+    st.title("Semi-Structured Data - CSV Details")
+    st.markdown("""
+    **CSV** (Comma-Separated Values) files are plain text files that store tabular data.
+
+    - Easy to read and process using libraries like `pandas`.
+    - Each line represents a row, and commas separate the columns.
+    """)
+    st.code('df = pd.read_csv("file.csv")', language="python")
+
+    if st.button("Back to Home"):
+        st.session_state['page'] = "home"
+
+# Semi-Structured Data - JSON Page
+def json_details_page():
+    st.title("Semi-Structured Data - JSON Details")
+    st.markdown("""
+    **JSON** (JavaScript Object Notation) is a lightweight data-interchange format.
+
+    - Represents data as key-value pairs.
+    - Widely used for APIs and configuration files.
+    - Readable and writable using Python's `json` module.
+    """)
+    st.code('import json\ndata = json.load(open("file.json"))', language="python")
+
+    if st.button("Back to Home"):
+        st.session_state['page'] = "home"
+
+# Semi-Structured Data - XML Page
+def xml_details_page():
+    st.title("Semi-Structured Data - XML Details")
+    st.markdown("""
+    **XML** (eXtensible Markup Language) stores data in a hierarchical structure.
+
+    - Uses tags to define data elements.
+    - Commonly used for web data and configuration files.
+    """)
+    st.code('import xml.etree.ElementTree as ET\ntree = ET.parse("file.xml")', language="python")
+
+    if st.button("Back to Home"):
+        st.session_state['page'] = "home"
+
+# Semi-Structured Data - HTML Page
+def html_details_page():
+    st.title("Semi-Structured Data - HTML Details")
+    st.markdown("""
+    **HTML** (HyperText Markup Language) is used to structure web pages.
+
+    - Semi-structured data with nested tags.
+    - Libraries like `BeautifulSoup` help parse and extract information.
+    """)
+    st.code('from bs4 import BeautifulSoup\nsoup = BeautifulSoup(open("file.html"))', language="python")
+
+    if st.button("Back to Home"):
+        st.session_state['page'] = "home"
+
+# Unstructured Data - Image Page
+def image_details_page():
+    st.title("Unstructured Data - Image Details")
+    st.markdown("""
+    **Images** are unstructured data represented in pixel values.
+
+    - Formats include JPEG, PNG, BMP, etc.
+    - Libraries like OpenCV and PIL are used for image processing.
+    """)
+    st.code('from PIL import Image\nimage = Image.open("file.jpg")', language="python")
+
+    if st.button("Back to Home"):
+        st.session_state['page'] = "home"
+
+# Unstructured Data - Video Page
+def video_details_page():
+    st.title("Unstructured Data - Video Details")
+    st.markdown("""
+    **Videos** are sequences of images with temporal data.
+
+    - Formats include MP4, AVI, MKV, etc.
+    - Libraries like OpenCV and MoviePy are used for video processing.
+    """)
+    st.code('import cv2\nvideo = cv2.VideoCapture("file.mp4")', language="python")
+
+    if st.button("Back to Home"):
+        st.session_state['page'] = "home"
+
+# Main Page
+
+def main_page():
+    st.title("Data Types")
+
+    data_type = st.radio("Select Data Type:", ["Structured", "Semi-Structured", "Unstructured"])
+
+    if data_type == "Structured":
         if st.button("Excel"):
-            st.write("**Excel**: Excel files are spreadsheets commonly used for storing structured data in rows and columns. They are widely used for data analysis and reporting.")
-
-    elif data_type == "Semi-Structured Data":
-        st.subheader("Semi-Structured Data")
-        # Buttons for CSV, JSON, HTML, XML
-        semi_buttons = ["CSV", "JSON", "HTML", "XML"]
-        for btn in semi_buttons:
-            if st.button(btn):
-                if btn == "CSV":
-                    st.write("**CSV**: Comma-Separated Values (CSV) files store data in a tabular format where each line is a data record, and each field is separated by a comma.")
-                elif btn == "JSON":
-                    st.write("**JSON**: JavaScript Object Notation (JSON) is a lightweight data format that stores data in key-value pairs, commonly used for APIs.")
-                elif btn == "HTML":
-                    st.write("**HTML**: Hypertext Markup Language (HTML) is used to structure content on the web, often containing embedded data.")
-                elif btn == "XML":
-                    st.write("**XML**: Extensible Markup Language (XML) is used to encode documents in a format readable by both humans and machines.")
-
-    elif data_type == "Unstructured Data":
-        st.subheader("Unstructured Data")
-        # Buttons for Image and Video
+            st.session_state['page'] = "excel"
+
+    elif data_type == "Semi-Structured":
+        st.write("Semi-Structured Data includes formats like CSV, JSON, XML, and HTML.")
+
+        if st.button("CSV"):
+            st.session_state['page'] = "csv"
+        if st.button("JSON"):
+            st.session_state['page'] = "json"
+        if st.button("XML"):
+            st.session_state['page'] = "xml"
+        if st.button("HTML"):
+            st.session_state['page'] = "html"
+
+    elif data_type == "Unstructured":
+        st.write("Unstructured Data includes formats like Images and Videos.")
+
         if st.button("Image"):
-            st.write("**Image**: Images are visual representations captured in formats like JPEG, PNG, or BMP. They are unstructured data used in various applications.")
+            st.session_state['page'] = "image"
         if st.button("Video"):
-            st.write("**Video**: Videos are multimedia formats combining visual and audio elements, commonly used for entertainment, education, and communication.")
+            st.session_state['page'] = "video"
+
+# Initialize session state
+if 'page' not in st.session_state:
+    st.session_state['page'] = "home"
 
-if __name__ == "__main__":
-    main()
+# Route to appropriate page
+if st.session_state['page'] == "home":
+    main_page()
+elif st.session_state['page'] == "excel":
+    excel_details_page()
+elif st.session_state['page'] == "csv":
+    csv_details_page()
+elif st.session_state['page'] == "json":
+    json_details_page()
+elif st.session_state['page'] == "xml":
+    xml_details_page()
+elif st.session_state['page'] == "html":
+    html_details_page()
+elif st.session_state['page'] == "image":
+    image_details_page()
+elif st.session_state['page'] == "video":
+    video_details_page()