Add description of the app

src/components/HomeView.jsx

@@ -130,27 +130,35 @@ function HomeView() {
 
 	return (
 		<>
-			<Header style={{ backgroundColor: '#ededed' }}>
+			<Header
+				style={{ backgroundColor: '#ededed', padding: '0 0 5px 0', display: 'flex', justifyContent: 'center' }}
+			>
 				<div style={{ margin: '0 auto', maxWidth: '800px' }}>
 					<InlineH1>Dijkstra | </InlineH1>
-					<InlineP>
+					<InlineP>Find the shortest path between cities</InlineP>
-						Find the shortest path between different cities
-					</InlineP>
-					<InlineH1> | </InlineH1>
-					<InlineP>
-						GIT{' '}
-						<a href='https://git.ruihildt.xyz/ruihildt/dijkstra-backend'>
-							backend
-						</a>{' '}
-						&{' '}
-						<a href='https://git.ruihildt.xyz/ruihildt/dijkstra-frontend'>
-							frontend
-						</a>{' '}
-					</InlineP>
 				</div>
 			</Header>
 
 			<Content>
+				<div
+					style={{
+						display: 'flex',
+						justifyContent: 'center',
+						margin: '3vh 0 0 0',
+					}}
+				>
+					<h3>
+						Dockerized NodeJS backend (
+						<a href='https://git.ruihildt.xyz/ruihildt/dijkstra-backend'>
+							Git Source
+						</a>
+						) & React Frontend (
+						<a href='https://git.ruihildt.xyz/ruihildt/dijkstra-frontend'>
+							Git Source
+						</a>{' '}
+						) communicating through a rest API
+					</h3>
+				</div>
 				<Main
 					style={{
 						display: 'flex',
@@ -158,7 +166,7 @@ function HomeView() {
 						justifyContent: 'space-between',
 					}}
 				>
-					<div style={{ margin: '150px 20px' }}>
+					<div style={{ margin: '3vh 1vw' }}>
 						<Section>
 							<h2>Starting Point</h2>
 							<div>
@@ -255,7 +263,6 @@ const InlineH1 = styled.h1`
 `;
 
 const Main = styled.main`
-	padding-top: 20px;
 	max-width: 1000px;
 	margin: 0 auto;
 `;

src/utils/API.js

@@ -1,6 +1,6 @@
 import axios from "axios";
 
 export default axios.create({
-    baseURL: "http://localhost:4000",
+    baseURL: "https://dijkstra-backend.ruihildt.xyz",
     responseType: "json"
 });