import streamlit as st

st.set_page_config(page_title="Stack Overflow Tag Predictor", layout="centered")

st.title("🔖 Stack Overflow Tag Predictor")

with st.expander("📘 About This App"):
    st.markdown("""
Welcome to **TagGPT** – your smart assistant for predicting relevant Stack Overflow tags!  
This app helps you get the best tags for your programming questions using a trained machine learning model.

---

### 💡 How It Works:
- 📝 Enter a **question title** and a **detailed description** (code, error, or explanation).
- 🧹 The app **cleans** and processes your text.
- 🧠 It uses a pre-trained ML model to **predict the most relevant tags**.
- 🎯 Adjust the **confidence threshold** to control how strict the tag suggestions are.

---

### 🧪 What's Under the Hood:
- ✅ TF-IDF for text representation
- ✅ Multilabel classification using `OneVsRest` with a powerful classifier
- ✅ Trained on real Stack Overflow questions

---

### 🚀 Try it out!
Just fill in the fields below and hit **🔍 Predict Tags** to see the magic ✨
""")


st.markdown(
    """
    <div style="margin-top: 40px; text-align: center;">
        <h4 style="color: #6A11CB;">👩‍💻 About the Creator</h4>
        <p style="color: #555; font-size: 16px;">
            <strong>Harika Padyala</strong><br>
            Passionate AI Developer & Data Enthusiast<br>
            Building smart, accessible AI apps for everyone! 🚀
        </p>
        <div style="margin-top: 15px;">
            <a href="https://github.com/Harika22-08?tab=repositories" target="_blank">
                <img src="https://img.shields.io/badge/GitHub-000000?style=for-the-badge&logo=github&logoColor=white">
            </a>
            <a href="https://www.linkedin.com/in/harika-padyala-67a882305/" target="_blank">
                <img src="https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white">
            </a>
        </div>
    </div>
    """,
    unsafe_allow_html=True,
)