Update app.py

app.py

@@ -2,7 +2,49 @@ import streamlit as st
 from langchain_google_genai import ChatGoogleGenerativeAI
 from datetime import datetime
 
-st.title("Job Interview Preparation Bot")
+# Custom CSS for styling
+st.markdown("""
+    <style>
+    /* Style the title */
+    .stApp {
+        background-color: #f5f5f5;
+        font-family: 'Arial', sans-serif;
+    }
+    .stTitle {
+        color: #2c3e50;
+        font-size: 32px;
+        font-weight: bold;
+        text-align: center;
+        margin-bottom: 20px;
+    }
+    /* Style the buttons and forms */
+    .stButton > button {
+        background-color: #2980b9;
+        color: white;
+        padding: 10px 20px;
+        border-radius: 5px;
+        border: none;
+        font-weight: bold;
+    }
+    .stForm {
+        background-color: #ecf0f1;
+        padding: 20px;
+        border-radius: 10px;
+        margin-bottom: 20px;
+    }
+    /* Style the sidebar */
+    .stSidebar > div {
+        background-color: #bdc3c7;
+        padding: 15px;
+        border-radius: 10px;
+    }
+    .stSidebar > div > h1 {
+        color: #2c3e50;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+st.markdown("<h1 class='stTitle'>Job Interview Preparation Bot</h1>", unsafe_allow_html=True)
 
 # Function to generate interview questions
 def generate_questions(role, topic, difficulty, num_questions):
@@ -33,7 +75,8 @@ def provide_tips(role=None):
     return tips.content if tips else "No tips available."
 
 # Interface for generating questions
-with st.form('question_form'):
+with st.form('question_form', clear_on_submit=True):
+    st.markdown("<div class='stForm'>", unsafe_allow_html=True)
     role = st.selectbox('Select Role', ['Software Developer', 'Data Analyst', 'Marketing Manager'])
     topic = st.selectbox('Select Topic', ['Behavioral', 'Technical', 'Situational'])
     difficulty = st.selectbox('Select Difficulty Level', ['Easy', 'Medium', 'Hard'])
@@ -43,32 +86,36 @@ with st.form('question_form'):
     if question_submitted:
         questions = generate_questions(role, topic, difficulty, num_questions)
         st.info(questions)
+    st.markdown("</div>", unsafe_allow_html=True)
 
 # Interface for feedback on responses
-with st.form('feedback_form'):
+with st.form('feedback_form', clear_on_submit=True):
+    st.markdown("<div class='stForm'>", unsafe_allow_html=True)
     response = st.text_area('Type your interview response')
     feedback_submitted = st.form_submit_button('Get Feedback')
 
     if feedback_submitted and response:
         feedback = analyze_responses(response)
         st.info(feedback)
+    st.markdown("</div>", unsafe_allow_html=True)
 
 # Interface for interview tips
-with st.form('tips_form'):
+with st.form('tips_form', clear_on_submit=True):
+    st.markdown("<div class='stForm'>", unsafe_allow_html=True)
     role_for_tips = st.selectbox('Select Role for Tips', ['', 'Software Developer', 'Data Analyst', 'Marketing Manager'])
     tips_submitted = st.form_submit_button('Get Tips')
 
     if tips_submitted:
         tips = provide_tips(role_for_tips if role_for_tips else None)
         st.info(tips)
+    st.markdown("</div>", unsafe_allow_html=True)
 
-# Example mock interview scheduling (this is a placeholder for now)
+# Sidebar for mock interview scheduling and resources
 st.sidebar.header("Mock Interview Scheduler")
 st.sidebar.write("Schedule a mock interview with the bot.")
 mock_date = st.sidebar.date_input("Select Date", datetime.now())
 mock_time = st.sidebar.time_input("Select Time", datetime.now().time())
 st.sidebar.button("Schedule Interview", on_click=lambda: st.sidebar.write("Interview scheduled!"))
 
-# Placeholder for engagement metrics and resource recommendations
 st.sidebar.header("Engagement Metrics and Resources")
-st.sidebar.write("Track your progress over time and connect with resources.")
+st.sidebar.write("Track your progress over time and connect with resources.")