diff --git a/frontend/src/assets/audio/capture.mp3 b/frontend/public/assets/audio/capture.mp3
similarity index 100%
rename from frontend/src/assets/audio/capture.mp3
rename to frontend/public/assets/audio/capture.mp3
diff --git a/frontend/src/assets/audio/castle.mp3 b/frontend/public/assets/audio/castle.mp3
similarity index 100%
rename from frontend/src/assets/audio/castle.mp3
rename to frontend/public/assets/audio/castle.mp3
diff --git a/frontend/src/assets/audio/game-end.webm b/frontend/public/assets/audio/game-end.webm
similarity index 100%
rename from frontend/src/assets/audio/game-end.webm
rename to frontend/public/assets/audio/game-end.webm
diff --git a/frontend/src/assets/audio/move-check.mp3 b/frontend/public/assets/audio/move-check.mp3
similarity index 100%
rename from frontend/src/assets/audio/move-check.mp3
rename to frontend/public/assets/audio/move-check.mp3
diff --git a/frontend/src/assets/audio/move-self.mp3 b/frontend/public/assets/audio/move-self.mp3
similarity index 100%
rename from frontend/src/assets/audio/move-self.mp3
rename to frontend/public/assets/audio/move-self.mp3
diff --git a/frontend/src/assets/audio/notify.mp3 b/frontend/public/assets/audio/notify.mp3
similarity index 100%
rename from frontend/src/assets/audio/notify.mp3
rename to frontend/public/assets/audio/notify.mp3
diff --git a/frontend/src/assets/audio/promote.mp3 b/frontend/public/assets/audio/promote.mp3
similarity index 100%
rename from frontend/src/assets/audio/promote.mp3
rename to frontend/public/assets/audio/promote.mp3
diff --git a/frontend/src/assets/images/bishop_black.png b/frontend/public/assets/images/bishop_black.png
similarity index 100%
rename from frontend/src/assets/images/bishop_black.png
rename to frontend/public/assets/images/bishop_black.png
diff --git a/frontend/src/assets/images/bishop_white.png b/frontend/public/assets/images/bishop_white.png
similarity index 100%
rename from frontend/src/assets/images/bishop_white.png
rename to frontend/public/assets/images/bishop_white.png
diff --git a/frontend/src/assets/images/chess_board.png b/frontend/public/assets/images/chess_board.png
similarity index 100%
rename from frontend/src/assets/images/chess_board.png
rename to frontend/public/assets/images/chess_board.png
diff --git a/frontend/src/assets/images/chess_board_loader.png b/frontend/public/assets/images/chess_board_loader.png
similarity index 100%
rename from frontend/src/assets/images/chess_board_loader.png
rename to frontend/public/assets/images/chess_board_loader.png
diff --git a/frontend/src/assets/images/king_black.png b/frontend/public/assets/images/king_black.png
similarity index 100%
rename from frontend/src/assets/images/king_black.png
rename to frontend/public/assets/images/king_black.png
diff --git a/frontend/src/assets/images/king_white.png b/frontend/public/assets/images/king_white.png
similarity index 100%
rename from frontend/src/assets/images/king_white.png
rename to frontend/public/assets/images/king_white.png
diff --git a/frontend/src/assets/images/knight_black.png b/frontend/public/assets/images/knight_black.png
similarity index 100%
rename from frontend/src/assets/images/knight_black.png
rename to frontend/public/assets/images/knight_black.png
diff --git a/frontend/src/assets/images/knight_white.png b/frontend/public/assets/images/knight_white.png
similarity index 100%
rename from frontend/src/assets/images/knight_white.png
rename to frontend/public/assets/images/knight_white.png
diff --git a/frontend/src/assets/images/pawn_black.png b/frontend/public/assets/images/pawn_black.png
similarity index 100%
rename from frontend/src/assets/images/pawn_black.png
rename to frontend/public/assets/images/pawn_black.png
diff --git a/frontend/src/assets/images/pawn_white.png b/frontend/public/assets/images/pawn_white.png
similarity index 100%
rename from frontend/src/assets/images/pawn_white.png
rename to frontend/public/assets/images/pawn_white.png
diff --git a/frontend/src/assets/images/queen_black.png b/frontend/public/assets/images/queen_black.png
similarity index 100%
rename from frontend/src/assets/images/queen_black.png
rename to frontend/public/assets/images/queen_black.png
diff --git a/frontend/src/assets/images/queen_white.png b/frontend/public/assets/images/queen_white.png
similarity index 100%
rename from frontend/src/assets/images/queen_white.png
rename to frontend/public/assets/images/queen_white.png
diff --git a/frontend/src/assets/images/rook_black.png b/frontend/public/assets/images/rook_black.png
similarity index 100%
rename from frontend/src/assets/images/rook_black.png
rename to frontend/public/assets/images/rook_black.png
diff --git a/frontend/src/assets/images/rook_white.png b/frontend/public/assets/images/rook_white.png
similarity index 100%
rename from frontend/src/assets/images/rook_white.png
rename to frontend/public/assets/images/rook_white.png
diff --git a/frontend/src/assets/images/sprites.png b/frontend/public/assets/images/sprites.png
similarity index 100%
rename from frontend/src/assets/images/sprites.png
rename to frontend/public/assets/images/sprites.png
diff --git a/frontend/src/components/MainLoader.jsx b/frontend/src/components/MainLoader.jsx
index 51570f0..453a7ba 100644
--- a/frontend/src/components/MainLoader.jsx
+++ b/frontend/src/components/MainLoader.jsx
@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom'
 import { Loader, Title } from '@mantine/core'
 import PropTypes from 'prop-types';
 
-import loaderImage from '../assets/images/chess_board_loader.png'
+import loaderImage from '/assets/images/chess_board_loader.png'
 
 const MainLoader = ({ errorMessage }) => {
     return (
diff --git a/frontend/src/components/Piece.jsx b/frontend/src/components/Piece.jsx
index cdf10e7..df41be7 100644
--- a/frontend/src/components/Piece.jsx
+++ b/frontend/src/components/Piece.jsx
@@ -73,7 +73,7 @@ const Piece = ({ cell }) => {
                 <div style={{ borderRadius: '50%', position: 'absolute', boxSizing: 'border-box', borderWidth: '7px', width: '100%', height: '100%', borderStyle: 'solid', borderColor }}>
                 </div>
                 <div style={{ width: '100%', height: '100%' }}>
-                    <Image classNames={{ root: classes['chess-piece'] }} ref={setNodeRef} style={style} sx={{ cursor: 'pointer' }} {...listeners} {...attributes} src={`/src/assets/images/${logo}.png`} />
+                    <Image classNames={{ root: classes['chess-piece'] }} ref={setNodeRef} style={style} sx={{ cursor: 'pointer' }} {...listeners} {...attributes} src={`/assets/images/${logo}.png`} />
                 </div>
             </div>
         )
diff --git a/frontend/src/context/chess-game-context.jsx b/frontend/src/context/chess-game-context.jsx
index e6c8e5d..69cb13a 100644
--- a/frontend/src/context/chess-game-context.jsx
+++ b/frontend/src/context/chess-game-context.jsx
@@ -242,10 +242,10 @@ const ChessGameContextProvider = ({ children }) => {
             isTimerOn, hasGameEnded, gameEndedReason, endGame,getPieceColor
         }}>
             {children}
-            <audio src='/src/assets/audio/move-self.mp3' ref={moveAudioRef} />
-            <audio src='/src/assets/audio/capture.mp3' ref={captureAudioRef} />
-            <audio src='/src/assets/audio/game-end.webm' ref={gameEndAudioRef} />
-            <audio src='/src/assets/audio/move-check.mp3' ref={checkAudioRef} />
+            <audio src='/assets/audio/move-self.mp3' ref={moveAudioRef} />
+            <audio src='/assets/audio/capture.mp3' ref={captureAudioRef} />
+            <audio src='/assets/audio/game-end.webm' ref={gameEndAudioRef} />
+            <audio src='/assets/audio/move-check.mp3' ref={checkAudioRef} />
         </ChessGameContext.Provider>
     )
 }
diff --git a/frontend/src/pages/Chess/ChessGame.jsx b/frontend/src/pages/Chess/ChessGame.jsx
index 19b68fe..194d2a7 100644
--- a/frontend/src/pages/Chess/ChessGame.jsx
+++ b/frontend/src/pages/Chess/ChessGame.jsx
@@ -128,10 +128,10 @@ const ChessGame = () => {
                         false ?
                             <>
                                 <MediaQuery smallerThan="sm" styles={{ display: 'none' }}>
-                                    <Image width={600} miw={480} src="/src/assets/images/chess_board.png" />
+                                    <Image width={600} miw={480} src="/assets/images/chess_board.png" />
                                 </MediaQuery>
                                 <MediaQuery largerThan="sm" styles={{ display: 'none' }}>
-                                    <Image width="100%" maw={540} src="/src/assets/images/chess_board.png" />
+                                    <Image width="100%" maw={540} src="/assets/images/chess_board.png" />
                                 </MediaQuery>
                             </>
                             :
diff --git a/frontend/src/pages/Play/Layout.jsx b/frontend/src/pages/Play/Layout.jsx
index 4ae9d86..d123212 100644
--- a/frontend/src/pages/Play/Layout.jsx
+++ b/frontend/src/pages/Play/Layout.jsx
@@ -18,10 +18,10 @@ const Layout = () => {
                     description={"description"}
                 />
                 <MediaQuery smallerThan="sm" styles={{ display: 'none' }}>
-                    <img draggable={false} height={'100%'} style={{aspectRatio:'1'}} miw={480} src="/src/assets/images/chess_board.png" />
+                    <img draggable={false} height={'100%'} style={{aspectRatio:'1'}} miw={480} src="/assets/images/chess_board.png" />
                 </MediaQuery>
                 <MediaQuery largerThan="sm" styles={{ display: 'none' }}>
-                    <img draggable={false} width="100%" maw={540} src="/src/assets/images/chess_board.png" />
+                    <img draggable={false} width="100%" maw={540} src="/assets/images/chess_board.png" />
                 </MediaQuery>
                 <NavLink
                     p="2px"