ruihildt/dijkstra-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add description of the app

Browse Source
This commit is contained in:
rui hildt 2020-10-12 17:27:39 +02:00
parent e8a3eb6fef
commit 401076d222
2 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/HomeView.jsx
View File

@ -113,7 +113,7 @@ function HomeView() {
// Add cities to highlight // Add cities to highlight
let updatedgHighlighted = {}; let updatedgHighlighted = {};
data.path.forEach((city) => { data.path.forEach((city) => {
updatedgHighlighted[city.name] = '#E63318'; updatedgHighlighted[city.name] = '#E63318';
}); });
setHighlighted(updatedgHighlighted); setHighlighted(updatedgHighlighted);
@ -130,27 +130,35 @@ function HomeView() {
return ( 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' }}> <div style={{ margin: '0 auto', maxWidth: '800px' }}>
<InlineH1>Dijkstra | </InlineH1> <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> </div>
</Header> </Header>
<Content> <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 <Main
style={{ style={{
display: 'flex', display: 'flex',
@ -158,7 +166,7 @@ function HomeView() {
justifyContent: 'space-between', justifyContent: 'space-between',
}} }}
> >
<div style={{ margin: '150px 20px' }}> <div style={{ margin: '3vh 1vw' }}>
<Section> <Section>
<h2>Starting Point</h2> <h2>Starting Point</h2>
<div> <div>
@ -255,7 +263,6 @@ const InlineH1 = styled.h1`
`; `;
const Main = styled.main` const Main = styled.main`
padding-top: 20px;
max-width: 1000px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
`; `;

2
src/utils/API.js
View File

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