Frontend work

web/src/Components/Pages/About.js

@@ -0,0 +1,23 @@
+import logo from '../../logo.svg';
+import '../../App.css';
+
+function About() {
+  return (
+    <div>
+      <img src={logo} className="App-logo" alt="logo" />
+      <p>
+        TEST!!!
+      </p>
+      <a
+        className="App-link"
+        href="https://git.m2.nz/idanoo/go-scrobble"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        TEST@!@@
+      </a>
+    </div>
+  );
+}
+
+export default About;

web/src/Components/Pages/Home.js

@@ -0,0 +1,23 @@
+import logo from '../../logo.svg';
+import '../../App.css';
+
+function Home() {
+  return (
+    <div className="App-header">
+      <img src={logo} className="App-logo" alt="logo" />
+      <p>
+        goscrobble.com
+      </p>
+      <a
+        className="App-link"
+        href="https://git.m2.nz/idanoo/go-scrobble"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        git.m2.nz/idanoo/go-scrobble
+      </a>
+    </div>
+  );
+}
+
+export default Home;

web/src/Components/Pages/Login.js

@@ -0,0 +1,22 @@
+import React from 'react';
+
+export default function Login() {
+    return(
+      <div className="login-wrapper">
+        <h1>Please Log In</h1>
+        <form>
+          <label>
+            <p>Username</p>
+            <input type="text" />
+          </label>
+          <label>
+            <p>Password</p>
+            <input type="password" />
+          </label>
+          <div>
+            <button type="submit">Submit</button>
+          </div>
+        </form>
+      </div>
+    )
+  }

web/src/Components/Pages/Navigation.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Navbar, NavbarBrand, NavLink } from 'reactstrap';
+
+const Navigation = () => {
+    return (
+    <div>
+      <Navbar color="dark" dark fixed="top">
+        <NavbarBrand exact href="/" className="mr-auto">GoScrobble</NavbarBrand>
+        <NavLink exact href="/">Home</NavLink>
+        <NavLink href="/about">About</NavLink>
+      </Navbar>
+    </div>
+    );
+}
+
+export default Navigation;