diff --git a/packages/backend/src/config/app.json b/packages/backend/src/config/app.json
new file mode 100644
index 0000000..d407945
--- /dev/null
+++ b/packages/backend/src/config/app.json
@@ -0,0 +1,6 @@
+{
+    "mongo": {
+        "host": "localhost",
+        "port": "27017"
+    }
+}
\ No newline at end of file
diff --git a/packages/backend/src/index.js b/packages/backend/src/index.js
index 5f081c2..ba602d8 100755
--- a/packages/backend/src/index.js
+++ b/packages/backend/src/index.js
@@ -3,8 +3,9 @@ const mongoose = require('mongoose');
 const cors = require('cors');
 
 const app = express();
+const appConfig = require('./config/app.json');
 
-mongoose.connect('mongodb://localhost:27017/url-shortener', {
+mongoose.connect(`mongodb://${appConfig.mongo.host}:${appConfig.mongo.port}/url-shortener`, {
 	useNewUrlParser: true,
 	useUnifiedTopology: true,
 });
diff --git a/packages/frontend/src/config/app.json b/packages/frontend/src/config/app.json
new file mode 100644
index 0000000..d2a6ef0
--- /dev/null
+++ b/packages/frontend/src/config/app.json
@@ -0,0 +1,3 @@
+{
+    "baseURL": "http://127.0.0.1:3000/"
+}
\ No newline at end of file
diff --git a/packages/frontend/src/pages/Home/index.js b/packages/frontend/src/pages/Home/index.js
index c490a0d..1df86cf 100644
--- a/packages/frontend/src/pages/Home/index.js
+++ b/packages/frontend/src/pages/Home/index.js
@@ -40,6 +40,7 @@ import {
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 
 const engine = new Client();
+const appConfig = require('~/config/app.json');
 
 export default function Home({ darkTheme }) {
 	const [originalURL, setOriginalURL] = useState('');
@@ -392,16 +393,16 @@ export default function Home({ darkTheme }) {
 									<Paragraph3>
 										Shortened URL:{' '}
 										<StyledLink
-											href={`http://127.0.0.1:3000/${shortenedURL}`}
+											href={`${appConfig.baseURL}${shortenedURL}`}
 											target="_blank"
 										>
-											http://127.0.0.1:3000/{shortenedURL}
+											{appConfig.baseURL}{shortenedURL}
 										</StyledLink>
 									</Paragraph3>
 								</HeadingLevel>
 
 								<CopyToClipboard
-									text={`http://127.0.0.1:3000/${shortenedURL}`}
+									text={`${appConfig.baseURL}${shortenedURL}`}
 								>
 									<StatefulPopover
 										placement={PLACEMENT.bottom}
@@ -501,10 +502,10 @@ export default function Home({ darkTheme }) {
 														</p>
 
 														<StyledLink
-															href={`http://127.0.0.1:3000/${URL.shortenedURL}`}
+															href={`${appConfig.baseURL}${URL.shortenedURL}`}
 															target="_blank"
 														>
-															http://127.0.0.1:3000/
+															{appConfig.baseURL}
 															{URL.shortenedURL}
 														</StyledLink>
 													</div>
@@ -517,7 +518,7 @@ export default function Home({ darkTheme }) {
 														}}
 													>
 														<CopyToClipboard
-															text={`http://127.0.0.1:3000/${URL.shortenedURL}`}
+															text={`${appConfig.baseURL}${URL.shortenedURL}`}
 														>
 															<StatefulPopover
 																placement={