File size: 4,513 Bytes
2fe1e8e
 
 
 
6838f4f
2fe1e8e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
534c463
2fe1e8e
 
 
 
 
0e8e660
2fe1e8e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
import streamlit as st

# --- PAGE CONFIGURATION ---
st.set_page_config(
    page_title="Multi Agent Career Guide",
    page_icon="πŸŽ“",
    layout="wide"
)

# --- STYLING (CUSTOM CSS) ---
st.markdown("""
    <style>
        body {
            background-color: #f4f6f9;
        }
        .main-title {
            font-size: 40px;
            font-weight: bold;
            color: #2c3e50;
            text-align: center;
        }
        .sub-title {
            font-size: 22px;
            font-weight: 500;
            color: #34495e;
            text-align: center;
        }
        .custom-button {
            background-color: #3498db;
            color: white;
            padding: 10px;
            border-radius: 5px;
            text-align: center;
            font-size: 18px;
            width: 100%;
            cursor: pointer;
        }
        .custom-button:hover {
            background-color: #2980b9;
        }
        .box {
            background-color: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
    </style>
""", unsafe_allow_html=True)

# --- SIDEBAR NAVIGATION ---
# st.sidebar.image("https://cdn-icons-png.flaticon.com/512/2944/2944397.png", width=150)
st.sidebar.title("πŸ“š EdTech & Counselling")
menu = st.sidebar.radio("Navigate", [
    "Home", "Mock Interview", "AI Counsellor", "Course Recommender",
    "Progress Monitoring", "Recruitment"
])

# --- HOME PAGE ---
if menu == "Home":
    st.markdown("<h1 class='main-title'>Welcome to Multi Agent Career Guide</h1>", unsafe_allow_html=True)
    st.markdown("<p class='sub-title'>Empowering your learning and career journey with AI-powered guidance.</p>", unsafe_allow_html=True)
    
    # Login Section
    with st.container():
        st.subheader("πŸ”‘ Login to Access Your Dashboard")
        col1, col2 = st.columns([1, 2])
        with col1:
            username = st.text_input("Username")
            password = st.text_input("Password", type="password")
            if st.button("Login", key="login_btn"):
                st.success(f"Welcome, {username}!")

    # Features Section
    st.subheader("πŸš€ Key Features")
    col1, col2, col3 = st.columns(3)
    with col1:
        st.markdown("<div class='box'><h3>πŸ“Š Personalized Learning</h3><p>Get a custom learning plan tailored to your skills and goals.</p></div>", unsafe_allow_html=True)
    with col2:
        st.markdown("<div class='box'><h3>πŸ† AI-Powered Mock Interview</h3><p>Take tests to assess and improve your knowledge.</p></div>", unsafe_allow_html=True)
    with col3:
        st.markdown("<div class='box'><h3>πŸ€– AI Career Counsellor</h3><p>Receive personalized career advice based on your skills.</p></div>", unsafe_allow_html=True)

    st.markdown("<br>", unsafe_allow_html=True)
    st.markdown("<div class='custom-button'>Explore Features</div>", unsafe_allow_html=True)


# --- AI COUNSELLOR ---
elif menu == "AI Counsellor":
    st.title("πŸ€– AI Career Counsellor")    
    hf_counsellor_url = "https://temo12-careergps.hf.space"
    st.components.v1.iframe(hf_counsellor_url, width=1000, height=500, scrolling=True)

# --- COURSE RECOMMENDER ---
elif menu == "Course Recommender":
    st.title("πŸ“ Smart Course Recommender")
    st.write("Find the course suitable for your needs.")
    hf_space_url = "https://abhaykumar04-smart-course-search.hf.space"
    st.components.v1.iframe(hf_space_url, width=1400, height=1000, scrolling=True)

# --- Mock Interview ---
elif menu == "Mock Interview":
    st.title("πŸ“ Mock Interview")
    st.write("Take AI-powered assessments to evaluate your skills.")
    hf_space_url = "https://bonbibi-mock-interview-questions.hf.space"
    st.components.v1.iframe(hf_space_url, width=1200, height=1000, scrolling=True)

# --- PROGRESS MONITORING ---
elif menu == "Progress Monitoring":
    st.title("πŸ“Š Progress Tracking")
    st.write("View your test results and skill growth.")
    st.line_chart([10, 20, 15, 30, 40, 35])  # Placeholder graph

# --- RECRUITMENT OPPORTUNITIES ---
elif menu == "Recruitment":
    st.title("πŸ’Ό Recruitment Opportunities")
    st.write("Find job openings that match your skills.")
    hf_recruitment_url = "https://charulp2499-jobscrapper.hf.space"
    st.components.v1.iframe(hf_recruitment_url, width=1400, height=1500, scrolling=True)

# --- FOOTER ---
st.sidebar.markdown("---")
st.sidebar.info("Β© 2025 Amdocs GenAI Participant")