fix

Frontend/Dockerfile

@@ -1,8 +1,8 @@
 # Use the official Node.js 20 image
-FROM node:18 as builder
+FROM node:18-alphine AS builder
 
 # Set the working directory
-WORKDIR /usr/src/app
+WORKDIR /app
 
 # Copy package.json and package-lock.json
 COPY package*.json ./
@@ -15,17 +15,12 @@ COPY . .
 
 RUN npm run build
 
-# Expose port 
 FROM nginx:stable-alpine
 
-# Copy built files from the builder stage
-WORKDIR /usr/share/nginx/html
+COPY --from=builder /app/dist /usr/share/nginx/html
 
-RUN rm -rf *
+COPY config/nginx.conf /etc/nginx/conf.d/default.conf
 
-COPY --from=builder /usr/src/app/dist .
-
-# Expose port 80 and start nginx
 EXPOSE 80
 
 ENTRYPOINT ["nginx", "-g", "daemon off;"]

Frontend/config/nginx.conf

@@ -0,0 +1,24 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri /index.html; # SPA fallback
+    }
+
+    location /assets/ {
+        expires 1y;
+        add_header Cache-Control "public";
+    }
+
+    error_page 404 /index.html;
+
+    # Optional: Compression for better performance
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+    gzip_proxied any;
+    gzip_min_length 256;
+}

Frontend/package.json

@@ -7,7 +7,8 @@
     "dev": "vite",
     "build": "vite build",
     "lint": "eslint .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "serve": "vite preview"
   },
   "dependencies": {
     "@emotion/react": "^11.13.5",

Frontend/src/App.jsx

@@ -59,11 +59,9 @@ function App() {
               element={<LoginPage onLogin={toggleLogin} />}
             />
             <Route path='/signup' element={<SignupPage />} />
-            <Route path='*' element={<NotFoundPage />} />
           </>
         )}
         {!isLogin && <Route path='*' element={<Navigate to='/login' />} />}
-        {isLogin && <Route path='*' element={<Navigate to='/' />} />}
       </Routes>
       <BackgroundAudio />
     </BrowserRouter>