Update Render URLs and fix mobile responsiveness

codeCraft-Ritik · codeCraft-Ritik · commit 441e56fbb661 · 2026-02-23T14:14:12.000+05:30
diff --git a/backend/server.js b/backend/server.js
@@ -1,40 +1,38 @@
-import express from 'express';
-import cors from 'cors';
-import helmet from 'helmet';
-import dotenv from 'dotenv';
-import { config } from './config/index.js';
-import connectDB from './config/db.js';
-import { errorHandler } from './middleware/errorMiddleware.js';
+const express = require('express');
+const cors = require('cors');
+const connectDB = require('./config/db');
+const { errorHandler } = require('./middleware/errorMiddleware');
+const authRoutes = require('./routes/auth');
+const resumeRoutes = require('./routes/resume');
+const contentRoutes = require('./routes/content');
+const analyticsRoutes = require('./routes/analytics');
 
-// Import Routes
-import authRoutes from './routes/auth.js';
-import contentRoutes from './routes/content.js';
-import resumeRoutes from './routes/resume.js';
-import analyticsRoutes from './routes/analytics.js';
+const app = express();
 
-dotenv.config(); 
+// CONNECT DATABASE
 connectDB();
 
-const app = express();
-
-app.use(express.json({ limit: '50mb' }));
-app.use(express.urlencoded({ limit: '50mb', extended: true }));
+// MIDDLEWARE
+app.use(express.json());
 
-app.use(helmet()); 
+// UPDATED CORS LOGIC: Added your specific Render URL
 app.use(cors({
-  origen: "http://localhost:5173", 
+  origen: [
+    "http://localhost:5173", 
+    "https://elevate-ai-2.onrender.com",
+    "https://elevate-ai-2.onrender.com/"
+  ], 
   credentials: true
 }));
 
-// API Routes
+// ROUTES
 app.use('/api/auth', authRoutes);
-app.use('/api/content', contentRoutes);
 app.use('/api/resume', resumeRoutes);
+app.use('/api/content', contentRoutes);
 app.use('/api/analytics', analyticsRoutes);
 
+// ERROR HANDLER
 app.use(errorHandler);
 
-app.listen(config.port, () => {
-  console.log(`🚀 Server running in ${config.env} mode on port ${config.port}`);
-  console.log(`🔗 Shadow Simulation active at: http://localhost:${config.port}/api/shadow`);
-});
+const PORT = process.env.PORT || 5000;
+app.listen(PORT, () => console.log(`Server running on port ${PORT}`));
diff --git a/src/api/axios.js b/src/api/axios.js
@@ -1,14 +1,14 @@
-// src/api/axios.js
 import axios from 'axios';
 
 const API = axios.create({
-  baseURL: 'http://localhost:5000/api',
+  // VITE_API_URL should be set to https://elevate-ai-2.onrender.com/api in your Render settings
+  baseURL: import.meta.env.VITE_API_URL || 'http://localhost:5000/api',
 });
 
 API.interceptors.request.use((config) => {
-  const token = localStorage.getItem('token'); // This must match the key used in Login.jsx
+  const token = localStorage.getItem('token'); 
   if (token) {
-    config.headers.Authorization = `Bearer ${token}`; // Must include 'Bearer ' prefix
+    config.headers.Authorization = `Bearer ${token}`; 
   }
   return config;
 });
