Update app.py

app.py

@@ -8,6 +8,55 @@ import pandas as pd
 FIREBASE_URL = st.secrets["firebase_database_url"]
 FIREBASE_AUTH = st.secrets["firebase_api_key"]
 
+# ===============================
+# Custom CSS for UI
+# ===============================
+st.markdown("""
+<style>
+/* Sidebar title */
+.css-1d391kg h1 {
+    font-size: 26px !important;
+    color: #2E86C1 !important;
+    font-weight: 700 !important;
+}
+
+/* Rounded buttons with hover */
+.stButton > button {
+    background-color: #2E86C1;
+    color: white;
+    border-radius: 8px;
+    padding: 10px 20px;
+    border: none;
+    transition: 0.2s;
+    font-size: 16px;
+}
+.stButton > button:hover {
+    background-color: #1B4F72;
+    transform: scale(1.03);
+}
+
+/* Rounded text inputs */
+.stTextInput input {
+    border-radius: 8px !important;
+    padding: 8px;
+}
+
+/* Card-style container */
+.card {
+    padding:15px; 
+    border-radius:10px; 
+    background-color:#F0F6FF; 
+    margin-bottom:10px;
+}
+
+/* Columns spacing */
+.block-container {
+    padding-top: 1.5rem;
+}
+
+</style>
+""", unsafe_allow_html=True)
+
 # ===============================
 # Helper functions
 # ===============================
@@ -19,7 +68,6 @@ def firebase_get(path):
     except:
         return None
 
-
 def firebase_put(path, data):
     url = f"{FIREBASE_URL}/{path}.json?auth={FIREBASE_AUTH}"
     try:
@@ -28,54 +76,46 @@ def firebase_put(path, data):
     except:
         return None
 
-
-# ===================================================
-# GLOBAL LOGIN (applies to all roles)
-# ===================================================
-st.sidebar.title("🎓Professor Dashboard")
+# ===============================
+# GLOBAL LOGIN
+# ===============================
+st.sidebar.title("🎓 Professor Dashboard")
 
 if "logged_in" not in st.session_state:
     st.session_state.logged_in = False
 
 if not st.session_state.logged_in:
-    st.subheader("🛡️ Professor Access")
-
+    st.subheader("🗝️ Professor Access")
     username = st.text_input("Username")
     password = st.text_input("Password", type="password")
 
-    if st.button("Login"):
+    if st.button("🔑 Login"):
         if username == "master" and password == "master":
             st.session_state.logged_in = True
             st.success("Login successful!")
             st.rerun()
         else:
             st.error("Incorrect username or password")
+    st.stop()
 
-    st.stop()  # stop everything until login is completed
-
-
-# ===================================================
-# After login → Show menu
-# ===================================================
+# ===============================
+# MENU SELECTION
+# ===============================
 menu = st.sidebar.selectbox("Select Mode", ["Professor Panel", "Student Evaluation"])
 
-
-# ===================================================
-# PROFESSOR PANEL (Quiz Creator)
-# ===================================================
+# ===============================
+# PROFESSOR PANEL
+# ===============================
 if menu == "Professor Panel":
-
-    st.header("🏫Professor Panel")
+    st.header("🏫 Professor Panel")
     st.success("You are logged in as Professor")
-    st.subheader("Create New Quiz")
+    st.subheader("📝 Create New Quiz")
 
     quiz_name = st.text_input("Quiz Name (Example: Quiz1)")
 
     questions = []
-
     for i in range(1, 11):
         st.markdown(f"### Question {i}")
-
         q_text = st.text_input(f"Question content {i}", key=f"q{i}")
 
         options = []
@@ -83,7 +123,6 @@ if menu == "Professor Panel":
             opt = st.text_input(f"Option {j}", key=f"q{i}_opt{j}")
             options.append(opt)
 
-        # Correct answer chosen by TEXT
         correct = st.selectbox(
             f"Correct answer for Question {i} (select by text)",
             options,
@@ -96,56 +135,56 @@ if menu == "Professor Panel":
             "correct": correct
         })
 
-    if st.button("Save Quiz"):
+    if st.button("💾 Save Quiz"):
         valid = all(q["question"] and all(q["options"]) for q in questions)
-
         if not quiz_name:
             st.error("Quiz name is required!")
-
         elif not valid:
             st.error("Please complete all questions and answers!")
-
         else:
             firebase_put(f"master_quizzes/{quiz_name}", {"questions": questions})
             st.success(f"Quiz '{quiz_name}' saved successfully!")
 
-
-# ===================================================
+# ===============================
 # STUDENT EVALUATION
-# ===================================================
+# ===============================
 elif menu == "Student Evaluation":
-
-    st.header("📊Student Evaluation")
+    st.header("📊 Student Evaluation")
 
     # Refresh button
-    if st.button("🌀Refresh Data🌀"):
+    if st.button("🔁 Refresh Data"):
         st.cache_data.clear()
         st.rerun()
 
     # Load students
     students = firebase_get("student_quizzes")
-
     if not students:
         st.warning("No student data found.")
         st.stop()
 
     student_ids = list(students.keys())
     selected_id = st.selectbox("Select Student ID", student_ids)
-
     info = students[selected_id]
 
+    # ===============================
+    # Student Info Card
+    # ===============================
     st.subheader("Student Information")
-    st.write(f"**Name:** {info.get('Name', '')}")
-    st.write(f"**Class:** {info.get('Class', '')}")
-
-    # Identify quizzes
+    st.markdown("<div class='card'>", unsafe_allow_html=True)
+    col1, col2 = st.columns(2)
+    with col1:
+        st.write(f"**Name:** {info.get('Name', '')}")
+    with col2:
+        st.write(f"**Class:** {info.get('Class', '')}")
+    st.markdown("</div>", unsafe_allow_html=True)
+
+    # ===============================
+    # Quiz Table
+    # ===============================
     quiz_keys = [k for k in info.keys() if k.startswith("Quiz")]
-
-    # Show overview table
     table_data = []
     for q in quiz_keys:
         qd = info[q]
-
         score = qd.get("Score", "")
         time = qd.get("Time", "")
         fb = qd.get("Feedback", "")
@@ -158,13 +197,14 @@ elif menu == "Student Evaluation":
             "Feedbacked": fb_status
         })
 
-    st.subheader("Quiz Overview")
+    st.subheader("📝 Quiz Overview")
     df = pd.DataFrame(table_data)
     st.dataframe(df, use_container_width=True)
 
-    # Feedback section
-    st.subheader("Provide Feedback")
-
+    # ===============================
+    # Feedback Section
+    # ===============================
+    st.subheader("💬 Provide Feedback")
     choose_quiz = st.selectbox("Select a quiz to give feedback", quiz_keys)
     selected_quiz_data = info[choose_quiz]
 
@@ -174,7 +214,7 @@ elif menu == "Student Evaluation":
 
     feedback = st.text_area("Enter new feedback")
 
-    if st.button("Send Feedback"):
+    if st.button("📤 Send Feedback"):
         firebase_put(f"student_quizzes/{selected_id}/{choose_quiz}/Feedback", feedback)
         st.success("Feedback sent successfully!")
         st.rerun()