uploadfiles

Dockerfile

@@ -0,0 +1,20 @@
+# Use official Python image
+FROM python:3.10
+
+# Set working directory
+WORKDIR /app
+
+# Copy requirements
+COPY requirements.txt /app/
+
+# Install Python dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy all application files
+COPY . /app/
+
+# Expose required port for Hugging Face
+EXPOSE 7860
+
+# Command to run Flask app
+CMD ["python", "app.py"]

app.py

@@ -0,0 +1,59 @@
+from langchain_google_genai import ChatGoogleGenerativeAI
+from langchain_core.prompts import ChatPromptTemplate
+from langchain.chains.combine_documents import create_stuff_documents_chain
+from langchain.chains import create_retrieval_chain
+from src.helper import download_embeding
+from langchain_pinecone import PineconeVectorStore
+from src.prompt import system_prompt
+import os
+from flask import Flask, render_template, jsonify, request
+from dotenv import load_dotenv
+from pinecone import Pinecone
+load_dotenv()
+
+model = ChatGoogleGenerativeAI(model="gemini-2.5-flash", google_api_key=os.getenv("GOOGLE_API_KEY"))
+app=Flask(__name__)
+PINECONE_API_KEY = os.getenv("PINECONE_API_KEY")
+pc = Pinecone(api_key=PINECONE_API_KEY)
+index_name='medicalchatbot'
+embedding=download_embeding()
+
+docsearch=PineconeVectorStore.from_existing_index(
+    index_name=index_name,
+    embedding=embedding
+)
+
+retiver=docsearch.as_retriever(search_type="similarity", search_kwargs={"k": 3})
+
+
+prompt = ChatPromptTemplate.from_messages(
+    [
+        ("system", system_prompt),
+        ("human", "{input}"),
+    ]
+)
+
+question_answer_chain=create_stuff_documents_chain(model,prompt)
+rag_chain=create_retrieval_chain(retiver,question_answer_chain)
+
+@app.route("/")
+def index():
+    return render_template('index.html')
+
+@app.route("/get", methods=["GET", "POST"])
+def chat():
+    msg = request.form.get("msg", "").strip()
+    if not msg:
+        return "Please enter a question.", 400
+
+    response = rag_chain.invoke({"input": msg})
+    answer = response.get("answer", "Sorry, I couldn't generate a response.")
+    print("Response:", answer)
+    return answer
+
+
+
+
+if __name__ == '__main__':
+    port = int(os.environ.get("PORT", 7860))
+    app.run(host="0.0.0.0", port=port)

requirements.txt

@@ -0,0 +1,9 @@
+langchain==0.3.26
+langchain-community==0.3.26
+langchain-core==0.3.26
+flask==3.1.1
+sentence-transformers==5.1.2
+python-dotenv==1.0.1
+langchain-pinecone==0.2.2
+langchain-google-genai==2.0.4
+pinecone-client==4.1.2

src/helper.py

@@ -0,0 +1,10 @@
+from langchain.embeddings import HuggingFaceEmbeddings
+import torch
+
+
+def download_embeding():
+    embedding = HuggingFaceEmbeddings(
+        model_name="sentence-transformers/all-MiniLM-L6-v2",
+        model_kwargs={"device": "cuda" if torch.cuda.is_available() else "cpu"}
+    )
+    return embedding

src/prompt.py

@@ -0,0 +1,9 @@
+system_prompt = (
+    "You are an Medical assistant for question-answering tasks. "
+    "Use the following pieces of retrieved context to answer "
+    "the question. If you don't know the answer, say that you "
+    "don't know. Use three sentences maximum and keep the "
+    "answer concise."
+    "\n\n"
+    "{context}"
+)

static/style.css

@@ -0,0 +1,167 @@
+body.dark {
+    background: #1c1c1c !important;
+    color: white !important;
+}
+
+body.dark .chat-container {
+    background: #2b2b2b;
+    color: white;
+}
+
+body.dark .chat-box {
+    background: #333;
+    border-color: #444;
+}
+
+body.dark .message.user {
+    background: #4c6ef5;
+    color: white;
+}
+
+body.dark .message.bot {
+    background: #555;
+    color: white;
+}
+
+body.dark #sendBtn {
+    background: #4c6ef5;
+}
+
+body.dark #themeToggle {
+    color: white;
+    border-color: white;
+}
+
+/* Loading Animation */
+.loading {
+    display: flex;
+    justify-content: center;
+    margin: 10px 0;
+}
+
+.spinner {
+    width: 30px;
+    height: 30px;
+    border: 4px solid #ccc;
+    border-top: 4px solid #007bff;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* Doctor Avatar + Bottom Bar */
+.bottom-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 10px;
+}
+
+.doctor-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+}
+
+body {
+    background: linear-gradient(135deg, #5a8dee, #6ed3cf);
+    font-family: 'Poppins', sans-serif;
+    margin: 0;
+    padding: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.chat-container {
+    background: #ffffff;
+    width: 420px;
+    border-radius: 20px;
+    padding: 20px;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
+    animation: fadeIn 0.7s ease-in-out;
+}
+
+.header {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+.header .logo {
+    width: 70px;
+    margin-bottom: 10px;
+}
+
+.header h2 {
+    margin: 0;
+    font-weight: 600;
+    color: #333;
+}
+
+.header p {
+    font-size: 14px;
+    color: #666;
+}
+
+.chat-box {
+    height: 360px;
+    overflow-y: auto;
+    border-radius: 10px;
+    padding: 10px;
+    background: #f7f9fc;
+    margin-bottom: 15px;
+    border: 1px solid #e5e5e5;
+}
+
+.message {
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 10px;
+    max-width: 85%;
+    animation: slideIn 0.4s ease-in-out;
+}
+
+.message.user {
+    background: #d1e8ff;
+    align-self: flex-end;
+    text-align: right;
+}
+
+.message.bot {
+    background: #e6e6e6;
+    text-align: left;
+}
+
+.input-area textarea {
+    border-radius: 10px;
+    resize: none;
+    border: 1px solid #bcd;
+}
+
+#sendBtn {
+    border-radius: 10px;
+    font-weight: 600;
+    padding: 10px;
+    background: #0066ff;
+}
+
+#sendBtn:hover {
+    background: #004ecc;
+}
+
+/* Animations */
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(20px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes slideIn {
+    from { opacity: 0; transform: translateX(20px); }
+    to { opacity: 1; transform: translateX(0); }
+}
+    to { opacity: 1; transform: translateX(0); }

templates/index.html

@@ -0,0 +1,115 @@
+<!-- index.html -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Medical Assistant Chatbot</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
+    <!-- Bootstrap -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body>
+
+    <div class="chat-container">
+        <div class="header">
+            <img src="https://cdn-icons-png.flaticon.com/512/921/921347.png" alt="Medical Icon" class="logo" />
+            <h2>AI Medical Assistant</h2>
+            <p>Your smart healthcare companion</p>
+        </div>
+
+        <div class="chat-box" id="chatBox">
+            <!-- Chat messages will appear here -->
+        </div>
+
+        <div class="input-area">
+            <textarea id="userInput" class="form-control" placeholder="Describe your symptoms or ask a medical question..." rows="3"></textarea>
+            <button id="sendBtn" class="btn btn-primary mt-2 w-100">Send</button>
+        </div>
+
+        <!-- Doctor Avatar + Toggle Theme -->
+        <div class="bottom-bar">
+            <img src="https://cdn-icons-png.flaticon.com/512/387/387561.png" class="doctor-avatar" />
+            <button id="themeToggle" class="btn btn-outline-secondary btn-sm">🌙 Dark Mode</button>
+        </div>
+
+    </div>
+
+   <script>
+    const chatBox = document.getElementById('chatBox');
+    const sendBtn = document.getElementById('sendBtn');
+    const userInput = document.getElementById('userInput');
+
+    function appendMessage(sender, message) {
+        const msg = document.createElement('div');
+        msg.classList.add('message', sender);
+        msg.innerHTML = `<p>${message}</p>`;
+        chatBox.appendChild(msg);
+        chatBox.scrollTop = chatBox.scrollHeight;
+    }
+
+    function showLoading() {
+        const loading = document.createElement('div');
+        loading.classList.add('loading');
+        loading.innerHTML = `<div class="spinner"></div>`;
+        chatBox.appendChild(loading);
+        chatBox.scrollTop = chatBox.scrollHeight;
+    }
+
+    function hideLoading() {
+        const loading = document.querySelector('.loading');
+        if (loading) loading.remove();
+    }
+
+    sendBtn.addEventListener('click', sendMessage);
+    userInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            sendMessage();
+        }
+    });
+
+    function sendMessage() {
+        const text = userInput.value.trim();
+        if (!text) return;
+
+        appendMessage('user', text);
+        userInput.value = '';
+
+        showLoading();
+
+        fetch("/get", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/x-www-form-urlencoded",
+            },
+            body: `msg=${encodeURIComponent(text)}`
+        })
+        .then(res => res.text())
+        .then(data => {
+            hideLoading();
+            appendMessage("bot", data);
+        })
+        .catch(err => {
+            hideLoading();
+            appendMessage("bot", "Error connecting to server.");
+            console.error(err);
+        });
+    }
+
+    // Dark / Light Theme Toggle
+    const themeToggle = document.getElementById('themeToggle');
+    themeToggle.addEventListener('click', () => {
+        document.body.classList.toggle('dark');
+        themeToggle.textContent = document.body.classList.contains('dark')
+            ? "☀ Light Mode"
+            : "🌙 Dark Mode";
+    });
+</script>
+
+</body>
+</html>
+