fix: update frontend api base url to production backend endpoint

FrontEnd/src/ChatBot.css

@@ -8,15 +8,12 @@
 /* Container */
 .chatbot-container {
   width: 100%;
-  max-width: 900px;
-  height: 95vh;
-  margin: 2.5vh auto;
+  max-width: 1000px;
+  height: 100vh;
+  margin: 0 auto;
   display: flex;
   flex-direction: column;
   background-color: #ffffff;
-  border-radius: 16px;
-  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
-  overflow: hidden;
   position: relative;
   font-family: 'Inter', sans-serif;
   color: #374151;
@@ -29,8 +26,9 @@
   align-items: center;
   padding: 16px 24px;
   background-color: #ffffff;
-  border-bottom: 1px solid #e5e7eb;
-  z-index: 10;
+  position: sticky;
+  top: 0;
+  z-index: 100;
 }
 
 .header-logo {
@@ -269,18 +267,16 @@
 .input-area {
   padding: 16px 24px 24px 24px;
   background-color: #ffffff;
-  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%);
 }
 
 .input-container {
   display: flex;
   align-items: flex-end;
   background-color: #ffffff;
-  border: 1px solid #d1d5db;
+  border: 1px solid #e5e7eb;
   border-radius: 16px;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
   padding: 4px;
-  transition: border-color 0.2s, box-shadow 0.2s;
+  transition: all 0.2s;
   position: relative;
 }
 

FrontEnd/src/ChatBot.jsx

@@ -3,6 +3,8 @@ import { FaUser, FaRobot, FaPaperPlane, FaCircle, FaPlus, FaPizzaSlice } from "r
 import ReactMarkdown from "react-markdown";
 import "./ChatBot.css";
 
+const BASE_URL = "https://hutmind.onrender.com";
+
 const ChatBot = () => {
   const [messages, setMessages] = useState([]);
   const [userInput, setUserInput] = useState("");
@@ -42,7 +44,7 @@ const ChatBot = () => {
     }
 
     try {
-      const response = await fetch("http://127.0.0.1:8000/process_query_stream/", {
+      const response = await fetch(`${BASE_URL}/process_query_stream/`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -98,7 +100,7 @@ const ChatBot = () => {
     setMessages([]); 
     setIsLoading(false); // Reset loading state
     try {
-      const response = await fetch("http://127.0.0.1:8000/newchat/", {
+      const response = await fetch(`${BASE_URL}/newchat/`, {
         method: "GET",
       });
 

FrontEnd/src/index.css

@@ -3,20 +3,16 @@
 body {
   margin: 0;
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 100vh;
-  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  background-color: #ffffff;
   color: #111827;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  overscroll-behavior: none;
 }
 
 #root {
   width: 100%;
-  height: 100vh;
+  min-height: 100vh;
   display: flex;
-  justify-content: center;
-  align-items: center;
+  flex-direction: column;
 }