Create app.py

app.py

@@ -0,0 +1,93 @@
+import streamlit as st
+from groq import Groq
+
+# -----------------------
+# PAGE CONFIG
+# -----------------------
+st.set_page_config(
+    page_title="Krish AI Chatbot 🤖",
+    page_icon="🤖",
+    layout="centered"
+)
+
+# -----------------------
+# CUSTOM CSS (Beautiful UI)
+# -----------------------
+st.markdown("""
+<style>
+.chat-bubble-user {
+    background-color: #DCF8C6;
+    padding: 10px 15px;
+    border-radius: 12px;
+    margin: 5px 0;
+    text-align: right;
+}
+.chat-bubble-bot {
+    background-color: #F1F0F0;
+    padding: 10px 15px;
+    border-radius: 12px;
+    margin: 5px 0;
+    text-align: left;
+}
+.title {
+    text-align: center;
+    font-size: 32px;
+    font-weight: bold;
+}
+</style>
+""", unsafe_allow_html=True)
+
+# -----------------------
+# TITLE
+# -----------------------
+st.markdown('<div class="title">💬 Krish AI Chatbot</div>', unsafe_allow_html=True)
+st.write("Ask anything and get beautiful responses ✨")
+
+# -----------------------
+# API KEY INPUT
+# -----------------------
+api_key = st.sidebar.text_input("Enter Groq API Key 🔑", type="password")
+
+# -----------------------
+# CLIENT INIT
+# -----------------------
+if api_key:
+    client = Groq(api_key=api_key)
+else:
+    st.warning("Please enter your Groq API Key in sidebar ⚠️")
+    st.stop()
+
+# -----------------------
+# SESSION STATE
+# -----------------------
+if "messages" not in st.session_state:
+    st.session_state.messages = []
+
+# -----------------------
+# USER INPUT
+# -----------------------
+user_input = st.chat_input("Type your message...")
+
+if user_input:
+    st.session_state.messages.append({"role": "user", "content": user_input})
+
+    # -----------------------
+    # GROQ API CALL
+    # -----------------------
+    response = client.chat.completions.create(
+        model="llama3-8b-8192",
+        messages=st.session_state.messages
+    )
+
+    bot_reply = response.choices[0].message.content
+
+    st.session_state.messages.append({"role": "assistant", "content": bot_reply})
+
+# -----------------------
+# DISPLAY CHAT
+# -----------------------
+for msg in st.session_state.messages:
+    if msg["role"] == "user":
+        st.markdown(f'<div class="chat-bubble-user">{msg["content"]}</div>', unsafe_allow_html=True)
+    else:
+        st.markdown(f'<div class="chat-bubble-bot">{msg["content"]}</div>', unsafe_allow_html=True)