Update app.py

app.py

@@ -4,18 +4,19 @@ import datetime
 from PIL import Image
 
 # Title and Description
-st.title("Smart Project Tracker")
 st.markdown("""
-### Features:
-- **Track construction progress** with photo/video updates.
-- **Monitor milestones, budgets, and deadlines.**
-- **Generate automated reports.**
-
-Ideal for project managers and clients to stay updated on construction projects.
-""")
+<div style="text-align: center; font-family: Arial; padding: 10px; background-color: #4CAF50; color: white;">
+    <h1>Smart Project Tracker</h1>
+    <p>Keep your construction projects on track with real-time updates and insights.</p>
+</div>
+""", unsafe_allow_html=True)
 
 # Sidebar for Navigation
-st.sidebar.title("Navigation")
+st.sidebar.markdown("""
+<div style="font-family: Arial; font-size: 16px;">
+    <h2>Navigation</h2>
+</div>
+""", unsafe_allow_html=True)
 page = st.sidebar.radio("Go to", ["Track Progress", "Monitor Milestones", "Generate Reports"])
 
 # Data Containers
@@ -28,7 +29,11 @@ if "budget_data" not in st.session_state:
 
 # Track Progress
 if page == "Track Progress":
-    st.header("Track Construction Progress")
+    st.markdown("""
+    <div style="background-color: #f0f0f0; padding: 15px; border-radius: 5px;">
+        <h2>Track Construction Progress</h2>
+    </div>
+    """, unsafe_allow_html=True)
     
     # Upload Section
     uploaded_file = st.file_uploader("Upload a photo or video of the site", type=["jpg", "jpeg", "png", "mp4", "mov"])
@@ -39,7 +44,11 @@ if page == "Track Progress":
         st.success("File uploaded successfully!")
 
     # Display Progress Updates
-    st.subheader("Progress Updates")
+    st.markdown("""
+    <div style="background-color: #e8f5e9; padding: 10px; border-radius: 5px;">
+        <h3>Progress Updates</h3>
+    </div>
+    """, unsafe_allow_html=True)
     for entry in st.session_state.progress_data:
         st.write(f"**Date:** {entry['Date']} | **Type:** {entry['Type']}")
         if entry['Type'] == "Image":
@@ -50,13 +59,21 @@ if page == "Track Progress":
 
 # Monitor Milestones
 elif page == "Monitor Milestones":
-    st.header("Monitor Milestones, Budgets, and Deadlines")
+    st.markdown("""
+    <div style="background-color: #f0f0f0; padding: 15px; border-radius: 5px;">
+        <h2>Monitor Milestones, Budgets, and Deadlines</h2>
+    </div>
+    """, unsafe_allow_html=True)
     
     # Add Milestones
-    st.subheader("Add a Milestone")
+    st.markdown("""
+    <div style="background-color: #e3f2fd; padding: 10px; border-radius: 5px;">
+        <h3>Add a Milestone</h3>
+    </div>
+    """, unsafe_allow_html=True)
     milestone_name = st.text_input("Milestone Name")
     milestone_date = st.date_input("Deadline")
-    milestone_budget = st.number_input("Budget (in USD)", min_value=0.0, step=100.0)
+    milestone_budget = st.number_input("Budget (in PKR)", min_value=0.0, step=100.0)
     
     if st.button("Add Milestone"):
         if milestone_name and milestone_date:
@@ -70,7 +87,11 @@ elif page == "Monitor Milestones":
             st.error("Please provide all milestone details.")
 
     # Display Milestones
-    st.subheader("Upcoming Milestones")
+    st.markdown("""
+    <div style="background-color: #fffde7; padding: 10px; border-radius: 5px;">
+        <h3>Upcoming Milestones</h3>
+    </div>
+    """, unsafe_allow_html=True)
     milestones_df = pd.DataFrame(st.session_state.milestones_data)
     if not milestones_df.empty:
         st.table(milestones_df)
@@ -79,11 +100,19 @@ elif page == "Monitor Milestones":
 
 # Generate Reports
 elif page == "Generate Reports":
-    st.header("Generate Automated Reports")
+    st.markdown("""
+    <div style="background-color: #f0f0f0; padding: 15px; border-radius: 5px;">
+        <h2>Generate Automated Reports</h2>
+    </div>
+    """, unsafe_allow_html=True)
     
     # Generate Summary Report
     if st.button("Generate Report"):
-        st.subheader("Project Summary Report")
+        st.markdown("""
+        <div style="background-color: #e8f5e9; padding: 10px; border-radius: 5px;">
+            <h3>Project Summary Report</h3>
+        </div>
+        """, unsafe_allow_html=True)
         
         # Milestone Summary
         st.markdown("### Milestones")
@@ -95,7 +124,7 @@ elif page == "Generate Reports":
         
         # Budget Summary
         total_budget = milestones_df["Budget"].sum() if not milestones_df.empty else 0
-        st.markdown(f"### Total Budget: ${total_budget}")
+        st.markdown(f"### Total Budget: PKR {total_budget}")
         
         # Progress Summary
         st.markdown("### Progress Updates")
@@ -108,3 +137,4 @@ elif page == "Generate Reports":
                 st.video(entry['File'])
 
 st.sidebar.info("Developed for effective project management.")
+