ok

Author: chintu4

.gitignore

@@ -0,0 +1 @@
+.env

backend/src/controllers/config.tsx

@@ -0,0 +1,2 @@
+const url="https://echo-kmn5.onrender.com"
+export default url;

frontend/src/components/left-panel.tsx

@@ -1,5 +1,6 @@
 import { Link, useNavigate } from "react-router-dom";
 import type { ReactNode } from "react";
+import url from "../../../backend/src/controllers/config";
 
 const Logo = () => (
     <svg viewBox="0 0 24 24" aria-hidden="true" className="h-8 w-8 text-white fill-current" role="img" aria-label="Echo logo">
@@ -55,7 +56,7 @@ export function LeftPanel({ children }: { children?: ReactNode }) {
                     {localStorage.getItem('token') ? (
                         <button onClick={async () => {
                             try {
-                                await fetch('http://localhost:5000/logout', { method: 'POST', credentials: 'include' });
+                                await fetch(`${url}/logout`, { method: 'POST', credentials: 'include' });
                             } catch (e) {
                                 // ignore
                             }

frontend/src/components/main-panel.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect, useRef, type ReactNode } from "react";
+import url from "../../../backend/src/controllers/config";
 
 interface Post {
     id: number;
@@ -19,7 +20,7 @@ function ThreeDotMenu({ postId, onDeleted }: { postId: number; onDeleted: () =>
         }
         if (!confirm("Delete this post?")) return;
         try {
-            const res = await fetch(`http://localhost:5000/post/${postId}`, { method: "DELETE", headers: { Authorization: `Bearer ${token}` } });
+            const res = await fetch(`${url}/post/${postId}`, { method: "DELETE", headers: { Authorization: `Bearer ${token}` } });
             if (res.ok) {
                 onDeleted();
             } else {
@@ -92,7 +93,7 @@ export function MainPanel({ children }: { children?: ReactNode }) {
 
     const fetchPosts = async () => {
         try {
-            const res = await fetch("http://localhost:5000/post");
+            const res = await fetch(`${url}/post`);
             const data = await res.json();
             if (data.posts) {
                 // Reverse to show newest first if the API doesn't sort
@@ -164,7 +165,7 @@ export function MainPanel({ children }: { children?: ReactNode }) {
         setLoading(true);
         try {
             // Using "User" as title since backend requires it
-            await fetch("http://localhost:5000/post", {
+            await fetch(`${url}/post`, {
                 method: "PUT",
                 headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
                 body: JSON.stringify({ title: "User", body: tweet })

frontend/src/components/profile-panel.tsx

@@ -1,5 +1,5 @@
 import { type ReactNode, useState, useEffect } from "react";
-
+import url from "../../../backend/src/controllers/config";
 export function ProfilePanel({ children }: { children?: ReactNode }) {
     const [open, setOpen] = useState(false);
     const [email, setEmail] = useState("");
@@ -22,7 +22,7 @@ export function ProfilePanel({ children }: { children?: ReactNode }) {
         }
 
         try {
-            const res = await fetch("http://localhost:5000/profile", {
+            const res = await fetch(`${url}/profile`, {
                 method: "PUT",
                 headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
                 body: JSON.stringify({ email: email || undefined, password: password || undefined, name: name || undefined, bio: bio || undefined, location: location || undefined, website: website || undefined })
@@ -48,7 +48,7 @@ export function ProfilePanel({ children }: { children?: ReactNode }) {
             const token = localStorage.getItem('token');
             const headers: any = {};
             if (token) headers.Authorization = `Bearer ${token}`;
-            const res = await fetch('http://localhost:5000/profile', { headers });
+            const res = await fetch(`${url}/profile`, { headers });
             if (res.status === 401) {
                 return false;
             }

frontend/src/pages/login.tsx

@@ -1,6 +1,6 @@
 import { useRef, type FormEvent, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
-
+import url from "../../../backend/src/controllers/config";
 export function LoginPage() {
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
@@ -11,15 +11,17 @@ export function LoginPage() {
         e.preventDefault();
         setLoading(true);
         try {
-            const res = await fetch("http://localhost:5000/login", {
+            const res = await fetch(`${url}/login`, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({ email, password })
             });
             if (res.ok) {
                 const data = await res.json();
-                if (data.token) {
-                    localStorage.setItem("token", data.token);
+                // backend returns { accessToken }, but older clients expect { token }
+                const token = data.token ?? data.accessToken;
+                if (token) {
+                    localStorage.setItem("token", token);
                     navigate("/");
                     return;
                 }

frontend/src/pages/signup.tsx

@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
+import url from "../../../backend/src/controllers/config";
 
 export function SignupPage() {
     const [email, setEmail] = useState("");
@@ -11,7 +12,7 @@ export function SignupPage() {
         e.preventDefault();
         setLoading(true);
         try {
-            const res = await fetch("http://localhost:5000/signup", {
+            const res = await fetch(`${url}/signup`, {
                 method: "POST",
                 headers: { "Content-Type": "application/json" },
                 body: JSON.stringify({ email, password })