Add description of the app

master
rui hildt 2 years ago
parent e8a3eb6fef
commit 401076d222
  1. 43
      src/components/HomeView.jsx
  2. 2
      src/utils/API.js

@ -113,7 +113,7 @@ function HomeView() {
// Add cities to highlight
let updatedgHighlighted = {};
data.path.forEach((city) => {
updatedgHighlighted[city.name] = '#E63318';
updatedgHighlighted[city.name] = '#E63318';
});
setHighlighted(updatedgHighlighted);
@ -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>
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>
<InlineP>Find the shortest path between cities</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;
`;

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

Loading…
Cancel
Save