Update app.py

app.py

@@ -1,39 +1,71 @@
-import streamlit as st
 import os
+import streamlit as st
 from groq import Groq
 
 # Function to get recommendations from Groq AI based on user input
 def get_opportunities(user_interests, user_skills, user_location):
-    # Initialize Groq client using API key from environment variable
-    client = Groq(api_key="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")
+    # Fetch the API key from the environment variable
+    api_key = os.environ.get("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")
+    
+    if not api_key:
+        raise ValueError("API key is missing. Make sure to set the GROQ_API_KEY environment variable.")
+    
+    # Initialize the Groq client with the API key
+    client = Groq(api_key=api_key)
+    
+    # Construct the query
+    query = f"Based on the user's interests in {user_interests}, skills in {user_skills}, and location of {user_location}, find scholarships, internships, online courses, and career advice suitable for them."
     
-    # Call Groq's recommendation system (chat API or similar)
+    # Request to Groq API
     response = client.chat.completions.create(
-        messages=[{
-            "role": "user",
-            "content": f"Find me opportunities like scholarships, internships, online courses, and career advice based on my interests: {user_interests}, skills: {user_skills}, and location: {user_location}"
-        }],
-        model="llama-3.3-70b-versatile",  # You can adjust the model if needed
+        messages=[{"role": "user", "content": query}],
+        model="llama-3.3-70b-versatile",
     )
     
     return response.choices[0].message.content
 
+
 # Streamlit App Interface
+st.set_page_config(page_title="AI-Powered Opportunity Finder", page_icon=":bulb:", layout="wide")
 st.title("AI-Powered Opportunity Finder for Youth")
 
-# Collect user input for interests, skills, and location
-interests = st.text_input("Enter your interests (e.g., AI, Robotics, Software Engineering):")
-skills = st.text_input("Enter your skills (e.g., Python, Data Science, Web Development):")
-location = st.text_input("Enter your location (e.g., Gujrat, Pakistan):")
+# Custom CSS for improving the UI
+st.markdown("""
+    <style>
+        .css-1v0mbdj {padding-top: 30px; font-size: 1.5rem;}
+        .css-1wa3m6h {padding: 10px; background-color: #f0f0f5;}
+        .css-1w4t6pm {border: 1px solid #ccc; padding: 10px; background-color: #fff;}
+        .css-1f4y1re {font-size: 1.2rem;}
+    </style>
+""", unsafe_allow_html=True)
+
+# Sidebar for input fields
+st.sidebar.header("Provide your details to find opportunities")
+
+# Collect user input for interests, skills, and location in the sidebar
+interests = st.sidebar.text_input("Your Interests (e.g., AI, Robotics, Software Engineering):")
+skills = st.sidebar.text_input("Your Skills (e.g., Python, Data Science, Web Development):")
+location = st.sidebar.text_input("Your Location (e.g., Gujrat, Pakistan):")
+
+# Container to display results
+results_container = st.container()
 
 # Button to fetch opportunities
-if st.button("Find Opportunities"):
+if st.sidebar.button("Find Opportunities"):
     if interests and skills and location:
-        # Fetch recommendations using the Groq API
-        opportunities = get_opportunities(interests, skills, location)
+        with st.spinner("Fetching opportunities..."):
+            # Fetch recommendations using the Groq API
+            opportunities = get_opportunities(interests, skills, location)
         
         # Display the opportunities
-        st.subheader("Recommended Opportunities")
-        st.write(opportunities)
+        results_container.subheader("Recommended Opportunities")
+        results_container.write(opportunities)
     else:
-        st.error("Please fill all fields.")
+        st.sidebar.error("Please fill all fields.")
+
+# Add a footer with contact info
+st.markdown("""
+    <footer style="text-align:center; padding: 20px; font-size: 1rem; background-color: #f0f0f5;">
+        <p>Powered by Groq and Streamlit | Contact: support@example.com</p>
+    </footer>
+""", unsafe_allow_html=True)