WIP Frontend structure & authentication.

client/src/containers/Authentication/Login.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import {useForm} from 'react-hook-form';
+import {Link, Redirect} from 'react-router-dom';
+import {Button, InputGroup} from "@blueprintjs/core";
+import {FormattedMessage} from 'react-intl';
+
+export default function Login() {
+  const { register, handleSubmit } = useForm()
+
+  const onSubmit = () => {};
+
+  return (
+    <div class="login-page">
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <InputGroup
+          leftIcon="user"
+          placeholder={<FormattedMessage id="email_or_phone_number" />}
+          large={true}
+          ref={register({ required: true })}
+          className="input-group--email-phone-number"
+          htmlProps={{name: 'email_or_phone_number'}}
+        />
+
+        <InputGroup
+          leftIcon="info-sign"
+          placeholder={<FormattedMessage id="password" />}
+          large={true}
+          ref={register({ required: true })}
+          htmlProps={{name: 'password'}}
+          className="input-group--password"
+        />
+
+        <Button 
+          fill={true}
+          large={true}>
+          <FormattedMessage id="login" />
+        </Button>
+      </form>
+
+      <div class="authentication-page__footer">
+        <Link to="/reset_password"><FormattedMessage id="reset_password" /></Link>
+      </div>
+    </div>
+  )
+}

client/src/containers/Authentication/ResetPassword.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { Link } from 'react-router-dom';
+import {Button, InputGroup} from "@blueprintjs/core";
+import { FormattedMessage } from 'react-intl';
+
+export default function Login() {
+  return (
+    <div class="login-page">
+      <form>
+        <InputGroup
+          leftIcon="user"
+          placeholder={<FormattedMessage id="email_or_phone_number" />}
+          large={true}
+          className="input-group--email"
+        />
+
+        <Button
+          fill={true}
+          large={true}>
+          <FormattedMessage id="reset_password" />
+        </Button>
+      </form>
+
+      <div class="authentication-page__footer">
+        <Link to="/login"><FormattedMessage id="login" /></Link>
+      </div>
+    </div>
+  )
+}

client/src/containers/Dashboard/Homepage.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default function DashboardHomepage() {
+  return (
+    <div>asdasd</div>
+  );
+}