Hello World!

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,25 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PyChainedComparisonsInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoreConstantInTheMiddle" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PyPep8Inspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="E702" />
+          <option value="E501" />
+          <option value="E266" />
+        </list>
+      </option>
+    </inspection_tool>
+    <inspection_tool class="PyPep8NamingInspection" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="ignoredErrors">
+        <list>
+          <option value="N806" />
+          <option value="N802" />
+        </list>
+      </option>
+    </inspection_tool>
+  </profile>
+</component>

.idea/inspectionProfiles/profiles_settings.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <settings>
+    <option name="USE_PROJECT_PROFILE" value="false" />
+    <version value="1.0" />
+  </settings>
+</component>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/spaceout.iml" filepath="$PROJECT_DIR$/.idea/spaceout.iml" />
+    </modules>
+  </component>
+</project>

.idea/spaceout.iml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="PYTHON_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+  <component name="TemplatesService">
+    <option name="TEMPLATE_FOLDERS">
+      <list>
+        <option value="$MODULE_DIR$/site/templates" />
+      </list>
+    </option>
+  </component>
+</module>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

.idea/workspace.xml

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="b79fffab-b948-49ea-83c4-593ef626bdb6" name="Default Changelist" comment="" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="ProjectId" id="1lZUPAwo3T5t6oqSwWPbs00ONvn" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent">
+    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
+    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+  </component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="b79fffab-b948-49ea-83c4-593ef626bdb6" name="Default Changelist" comment="" />
+      <created>1607804081847</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1607804081847</updated>
+      <workItem from="1607804083713" duration="5000" />
+      <workItem from="1607804098373" duration="4000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+</project>

site/Pipfile

@@ -9,7 +9,6 @@ djangorestframework = "*"
 django-cockroachdb = "*"
 psycopg2 = "*"
 pillow = "*"
-django-cors-headers = "*"
 djoser = "*"
 
 [dev-packages]

site/config/urls.py

@@ -21,6 +21,8 @@ from frontend import urls as frontend_urls
 urlpatterns = [
     path('admin/', admin.site.urls),
     path('api/', include(api_urls)),
+
+    path('api/auth/', include('djoser.urls')),
     path('api/auth/', include('djoser.urls.authtoken')),
     path('', include(frontend_urls)),
 ]

site/frontend/package-lock.json

@@ -1473,6 +1473,14 @@
       "integrity": "sha512-Z/JnaVEXv+A9xabHzN43FiiiWEE7gPCRXMrVmRm00tWbjZRul1iHm7ECzlyNq1p4a4ATXz+G9FJ3GqGOkOV3fg==",
       "dev": true
     },
+    "axios": {
+      "version": "0.21.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.0.tgz",
+      "integrity": "sha512-fmkJBknJKoZwem3/IKSSLpkdNXZeBu5Q7GA/aRsr2btgrptmSCxi2oFjZHqGdK9DoTil9PIHlPIZw2EcRJXRvw==",
+      "requires": {
+        "follow-redirects": "^1.10.0"
+      }
+    },
     "babel-loader": {
       "version": "8.2.2",
       "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.2.2.tgz",
@@ -1929,6 +1937,11 @@
         "path-exists": "^4.0.0"
       }
     },
+    "follow-redirects": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.0.tgz",
+      "integrity": "sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA=="
+    },
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -2581,6 +2594,25 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz",
       "integrity": "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA=="
     },
+    "react-redux": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.2.tgz",
+      "integrity": "sha512-8+CQ1EvIVFkYL/vu6Olo7JFLWop1qRUeb46sGtIMDCSpgwPQq8fPLpirIB0iTqFe9XYEFPHssdX8/UwN6pAkEA==",
+      "requires": {
+        "@babel/runtime": "^7.12.1",
+        "hoist-non-react-statics": "^3.3.2",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-is": "^16.13.1"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "16.13.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+        }
+      }
+    },
     "react-router": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz",
@@ -2645,6 +2677,15 @@
       "integrity": "sha512-EJ4UNY/U1t2P/2k6oqotuX2Cc3T6nxJwsM0N0asT7dhrtH1ltUxDn4NalSYmPE2rCkVpcf/X6R0wDwcFpzhd4w==",
       "dev": true
     },
+    "redux": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz",
+      "integrity": "sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "symbol-observable": "^1.2.0"
+      }
+    },
     "regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",

site/frontend/package.json

@@ -22,8 +22,11 @@
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@material-ui/core": "^4.11.2",
     "@material-ui/icons": "^4.11.2",
+    "axios": "^0.21.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "react-router-dom": "^5.2.0"
+    "react-redux": "^7.2.2",
+    "react-router-dom": "^5.2.0",
+    "redux": "^4.0.5"
   }
 }

site/frontend/src/components/HomePage.js

@@ -1,5 +1,7 @@
 import React, { Component } from "react";
 import { BrowserRouter as Router, Switch, Route, Link, Redirect } from "react-router-dom";
+import Login from "./Login";
+import Register from "./register"
 
 export default class HomePage extends Component {
   constructor(props) {
@@ -13,6 +15,8 @@ export default class HomePage extends Component {
           <Route exact path="/">
             <p>This is the home page</p>
           </Route>
+          <Route exact path="/login" component={Login}/>
+          <Route exact path="/register" component={Register}/>
         </Switch>
       </Router>
     );

site/frontend/src/components/Login.js

@@ -0,0 +1,105 @@
+import React, {Component} from 'react';
+import {
+    Button,
+    FormControl,
+    FormControlLabel,
+    FormHelperText,
+    Grid, Link,
+    Radio,
+    RadioGroup,
+    TextField,
+    Typography
+} from "@material-ui/core";
+
+class Login extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            username: '',
+            password: ''
+        }
+    }
+
+    usernameChanged = (e) => {
+        this.setState({
+           username: e.target.value
+        });
+    }
+
+    passwordChanged = (e) => {
+        this.setState({
+            password: e.target.value
+        });
+    }
+
+    loginPressed = () => {
+        const requestOptions = {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            username: this.state.username,
+            password: this.state.password,
+          }),
+        };
+        fetch("/api/auth/token/login", requestOptions)
+          .then((response) => {console.log(response); return response.json();})
+          .then((data) => console.log(data));
+    }
+
+    render() {
+        return (
+            <div style={{ minHeight: '100vh', minWidth: '100vw' }}>
+              <Grid container spacing={3} direction="column" alignItems="center" justify="center">
+                <Grid item xs={12} align="center">
+                  <Typography component="h3" variant="h3">
+                    Login
+                  </Typography>
+                </Grid>
+                <Grid item xs={12} align="center">
+                  <FormControl component="fieldset">
+                    <FormHelperText>
+                      <div align="center">Username</div>
+                    </FormHelperText>
+                    <TextField
+                      required={true}
+                      type="username"
+                      inputProps={{
+                        min: 1,
+                        style: { textAlign: "center" },
+                      }}
+                      onChange={this.usernameChanged}
+                    />
+                  </FormControl>
+                </Grid>
+                <Grid item xs={12} align="center">
+                  <FormControl>
+                    <FormHelperText>
+                      <div align="center">Password</div>
+                    </FormHelperText>
+                    <TextField
+                      required={true}
+                      type="password"
+                      inputProps={{
+                        min: 1,
+                        style: { textAlign: "center" },
+                      }}
+                      onChange={this.passwordChanged}
+                    />
+                  </FormControl>
+                </Grid>
+                <Grid item xs={12} align="center">
+                  <Button
+                    color="primary"
+                    variant="contained"
+                    onClick={this.loginPressed}
+                  >
+                    Login!
+                  </Button>
+                </Grid>
+              </Grid>
+            </div>
+        );
+    }
+}
+
+export default Login;

site/frontend/src/components/register.js

@@ -0,0 +1,122 @@
+import React, {Component} from 'react';
+import {Button, FormControl, FormHelperText, Grid, TextField, Typography} from "@material-ui/core";
+
+class Register extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            username: '',
+            password: '',
+            email: '',
+        }
+    }
+
+    usernameChanged = (e) => {
+        this.setState({
+            username: e.target.value
+        });
+    }
+
+    passwordChanged = (e) => {
+        this.setState({
+            password: e.target.value
+        });
+    }
+
+    emailChanged = (e) => {
+        this.setState({
+            email: e.target.value
+        });
+    }
+
+    registerPressed = () => {
+        const requestOptions = {
+            method: "POST",
+            headers: {"Content-Type": "application/json"},
+            body: JSON.stringify({
+                username: this.state.username,
+                password: this.state.password,
+                email: this.state.email,
+            }),
+        };
+        fetch("/api/auth/users", requestOptions)
+            .then((response) => {
+                console.log(response);
+                return response.json();
+            })
+            .then((data) => console.log(data));
+    }
+
+    render() {
+        return (
+            <div style={{minHeight: '100vh', minWidth: '100vw'}}>
+                <Grid container spacing={3} direction="column" alignItems="center" justify="center">
+                    <Grid item xs={12} align="center">
+                        <Typography component="h3" variant="h3">
+                            Register
+                        </Typography>
+                    </Grid>
+                    <Grid item xs={12} align="center">
+                        <FormControl>
+                            <FormHelperText>
+                                <div align="center">Email</div>
+                            </FormHelperText>
+                            <TextField
+                                required={true}
+                                type="email"
+                                inputProps={{
+                                    min: 1,
+                                    style: {textAlign: "center"},
+                                }}
+                                onChange={this.emailChanged}
+                            />
+                        </FormControl>
+                    </Grid>
+                    <Grid item xs={12} align="center">
+                        <FormControl component="fieldset">
+                            <FormHelperText>
+                                <div align="center">Username</div>
+                            </FormHelperText>
+                            <TextField
+                                required={true}
+                                type="username"
+                                inputProps={{
+                                    min: 1,
+                                    style: {textAlign: "center"},
+                                }}
+                                onChange={this.usernameChanged}
+                            />
+                        </FormControl>
+                    </Grid>
+                    <Grid item xs={12} align="center">
+                        <FormControl>
+                            <FormHelperText>
+                                <div align="center">Password</div>
+                            </FormHelperText>
+                            <TextField
+                                required={true}
+                                type="password"
+                                inputProps={{
+                                    min: 1,
+                                    style: {textAlign: "center"},
+                                }}
+                                onChange={this.passwordChanged}
+                            />
+                        </FormControl>
+                    </Grid>
+                    <Grid item xs={12} align="center">
+                        <Button
+                            color="primary"
+                            variant="contained"
+                            onClick={this.registerPressed}
+                        >
+                            Register!
+                        </Button>
+                    </Grid>
+                </Grid>
+            </div>
+        );
+    }
+}
+
+export default Register;

site/frontend/static/css/index.css

@@ -4,14 +4,6 @@ html, body {
   padding: 0;
 }
 
-#main {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-}
-
 #app {
   width: 100%;
   height: 100%;

site/frontend/static/front_end/main.js.LICENSE.txt

@@ -6,10 +6,18 @@
   !*** ./src/components/App.js ***!
   \*******************************/
 
+/*!*********************************!*
+  !*** ./src/components/Login.js ***!
+  \*********************************/
+
 /*!************************************!*
   !*** ./src/components/HomePage.js ***!
   \************************************/
 
+/*!************************************!*
+  !*** ./src/components/register.js ***!
+  \************************************/
+
 /*!*************************************!*
   !*** ./node_modules/react/index.js ***!
   \*************************************/
@@ -18,6 +26,10 @@
   !*** ./node_modules/isarray/index.js ***!
   \***************************************/
 
+/*!****************************************!*
+  !*** ./node_modules/react-is/index.js ***!
+  \****************************************/
+
 /*!*****************************************!*
   !*** ./node_modules/react-dom/index.js ***!
   \*****************************************/
@@ -26,6 +38,14 @@
   !*** ./node_modules/scheduler/index.js ***!
   \*****************************************/
 
+/*!******************************************!*
+  !*** ./node_modules/clsx/dist/clsx.m.js ***!
+  \******************************************/
+
+/*!******************************************!*
+  !*** ./node_modules/jss/dist/jss.esm.js ***!
+  \******************************************/
+
 /*!******************************************!*
   !*** ./node_modules/prop-types/index.js ***!
   \******************************************/
@@ -42,22 +62,150 @@
   !*** ./node_modules/path-to-regexp/index.js ***!
   \**********************************************/
 
+/*!***************************************************!*
+  !*** ./node_modules/is-in-browser/dist/module.js ***!
+  \***************************************************/
+
+/*!****************************************************!*
+  !*** ./node_modules/hyphenate-style-name/index.js ***!
+  \****************************************************/
+
 /*!*****************************************************!*
   !*** ./node_modules/value-equal/esm/value-equal.js ***!
   \*****************************************************/
 
+/*!*******************************************************!*
+  !*** ./node_modules/@material-ui/system/esm/merge.js ***!
+  \*******************************************************/
+
 /*!*******************************************************!*
   !*** ./node_modules/react-router/esm/react-router.js ***!
   \*******************************************************/
 
+/*!********************************************************!*
+  !*** ./node_modules/css-vendor/dist/css-vendor.esm.js ***!
+  \********************************************************/
+
 /*!********************************************************!*
   !*** ./node_modules/react/cjs/react.production.min.js ***!
   \********************************************************/
 
+/*!*********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Grid/Grid.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Grow/Grow.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/List/List.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Menu/Menu.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*
+  !*** ./node_modules/@material-ui/system/esm/memoize.js ***!
+  \*********************************************************/
+
+/*!*********************************************************!*
+  !*** ./node_modules/@material-ui/system/esm/spacing.js ***!
+  \*********************************************************/
+
+/*!**********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/red.js ***!
+  \**********************************************************/
+
+/*!**********************************************************!*
+  !*** ./node_modules/@material-ui/utils/esm/deepmerge.js ***!
+  \**********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Input/Input.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Modal/Modal.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Paper/Paper.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/blue.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/grey.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/pink.js ***!
+  \***********************************************************/
+
+/*!***********************************************************!*
+  !*** ./node_modules/react-transition-group/esm/config.js ***!
+  \***********************************************************/
+
 /*!************************************************************!*
   !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
   \************************************************************/
 
+/*!************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/green.js ***!
+  \************************************************************/
+
+/*!************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/shape.js ***!
+  \************************************************************/
+
+/*!************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/setRef.js ***!
+  \************************************************************/
+
+/*!************************************************************!*
+  !*** ./node_modules/tiny-warning/dist/tiny-warning.esm.js ***!
+  \************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Button/Button.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Portal/Portal.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Select/Select.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/common.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/indigo.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/colors/orange.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/zIndex.js ***!
+  \*************************************************************/
+
+/*!*************************************************************!*
+  !*** ./node_modules/@material-ui/system/esm/breakpoints.js ***!
+  \*************************************************************/
+
 /*!*************************************************************!*
   !*** ./node_modules/prop-types/factoryWithThrowingShims.js ***!
   \*************************************************************/
@@ -66,14 +214,62 @@
   !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
   \*************************************************************/
 
+/*!**************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/shadows.js ***!
+  \**************************************************************/
+
+/*!**************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/debounce.js ***!
+  \**************************************************************/
+
+/*!**************************************************************!*
+  !*** ./node_modules/react-is/cjs/react-is.production.min.js ***!
+  \**************************************************************/
+
+/*!***************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/InputBase/utils.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Popover/Popover.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/SvgIcon/SvgIcon.js ***!
+  \***************************************************************/
+
+/*!***************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/useTheme.js ***!
+  \***************************************************************/
+
 /*!***************************************************************!*
   !*** ./node_modules/react-router-dom/esm/react-router-dom.js ***!
   \***************************************************************/
 
+/*!***************************************************************!*
+  !*** ./node_modules/react-transition-group/esm/Transition.js ***!
+  \***************************************************************/
+
 /*!***************************************************************!*
   !*** ./node_modules/resolve-pathname/esm/resolve-pathname.js ***!
   \***************************************************************/
 
+/*!****************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/createClass.js ***!
+  \****************************************************************/
+
+/*!****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/List/ListContext.js ***!
+  \****************************************************************/
+
+/*!****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/capitalize.js ***!
+  \****************************************************************/
+
+/*!****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/useForkRef.js ***!
+  \****************************************************************/
+
 /*!****************************************************************!*
   !*** ./node_modules/react-dom/cjs/react-dom.production.min.js ***!
   \****************************************************************/
@@ -86,10 +282,50 @@
   !*** ./node_modules/tiny-invariant/dist/tiny-invariant.esm.js ***!
   \****************************************************************/
 
+/*!*****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/ButtonBase/Ripple.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/MenuList/MenuList.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/withStyles.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/transitions/utils.js ***!
+  \*****************************************************************/
+
+/*!*****************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/ownerWindow.js ***!
+  \*****************************************************************/
+
 /*!******************************************************************!*
   !*** ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js ***!
   \******************************************************************/
 
+/*!******************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***!
+  \******************************************************************/
+
+/*!******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Modal/ModalManager.js ***!
+  \******************************************************************/
+
+/*!******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Select/SelectInput.js ***!
+  \******************************************************************/
+
+/*!******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/transitions.js ***!
+  \******************************************************************/
+
+/*!******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/isMuiElement.js ***!
+  \******************************************************************/
+
 /*!******************************************************************!*
   !*** ./node_modules/mini-create-react-context/dist/esm/index.js ***!
   \******************************************************************/
@@ -98,22 +334,318 @@
   !*** ./node_modules/react-router/node_modules/react-is/index.js ***!
   \******************************************************************/
 
+/*!*******************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/FormLabel/FormLabel.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/InputBase/InputBase.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/TextField/TextField.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/createMixins.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/defaultTheme.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/createSvgIcon.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/ownerDocument.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/useControlled.js ***!
+  \*******************************************************************/
+
+/*!*******************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/useTheme/useTheme.js ***!
+  \*******************************************************************/
+
+/*!********************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Modal/SimpleBackdrop.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/createPalette.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/createSpacing.js ***!
+  \********************************************************************/
+
+/*!********************************************************************!*
+  !*** ./node_modules/react-transition-group/esm/TransitionGroup.js ***!
+  \********************************************************************/
+
+/*!*********************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***!
+  \*********************************************************************/
+
+/*!*********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/ButtonBase/ButtonBase.js ***!
+  \*********************************************************************/
+
+/*!*********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/InputLabel/InputLabel.js ***!
+  \*********************************************************************/
+
+/*!*********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Typography/Typography.js ***!
+  \*********************************************************************/
+
+/*!*********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/createMuiTheme.js ***!
+  \*********************************************************************/
+
+/*!*********************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/jssPreset/jssPreset.js ***!
+  \*********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/ButtonBase/TouchRipple.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/getScrollbarSize.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/useEventCallback.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/ThemeProvider/nested.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/@material-ui/utils/esm/formatMuiErrorMessage.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/jss-plugin-global/dist/jss-plugin-global.esm.js ***!
+  \**********************************************************************/
+
+/*!**********************************************************************!*
+  !*** ./node_modules/jss-plugin-nested/dist/jss-plugin-nested.esm.js ***!
+  \**********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/FilledInput/FilledInput.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/FormControl/FormControl.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/colorManipulator.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/createTypography.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/useIsFocusVisible.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/makeStyles/makeStyles.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/useTheme/ThemeContext.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/withStyles/withStyles.js ***!
+  \***********************************************************************/
+
+/*!***********************************************************************!*
+  !*** ./node_modules/react-transition-group/esm/utils/ChildMapping.js ***!
+  \***********************************************************************/
+
+/*!************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/styles/createBreakpoints.js ***!
+  \************************************************************************/
+
+/*!*************************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***!
+  \*************************************************************************/
+
+/*!*************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/NativeSelect/NativeSelect.js ***!
+  \*************************************************************************/
+
+/*!*************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/makeStyles/indexCounter.js ***!
+  \*************************************************************************/
+
+/*!**************************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js ***!
+  \**************************************************************************/
+
+/*!**************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/FormControl/useFormControl.js ***!
+  \**************************************************************************/
+
+/*!**************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/makeStyles/multiKeyStore.js ***!
+  \**************************************************************************/
+
+/*!***************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/OutlinedInput/OutlinedInput.js ***!
+  \***************************************************************************/
+
+/*!***************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/utils/createChainedFunction.js ***!
+  \***************************************************************************/
+
+/*!***************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/mergeClasses/mergeClasses.js ***!
+  \***************************************************************************/
+
+/*!***************************************************************************!*
+  !*** ./node_modules/react-transition-group/esm/TransitionGroupContext.js ***!
+  \***************************************************************************/
+
+/*!****************************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js ***!
+  \****************************************************************************/
+
+/*!****************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/FormControl/formControlState.js ***!
+  \****************************************************************************/
+
+/*!****************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/OutlinedInput/NotchedOutline.js ***!
+  \****************************************************************************/
+
+/*!****************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/getStylesCreator/noopTheme.js ***!
+  \****************************************************************************/
+
+/*!*****************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/FormHelperText/FormHelperText.js ***!
+  \*****************************************************************************/
+
+/*!*****************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/getThemeProps/getThemeProps.js ***!
+  \*****************************************************************************/
+
 /*!*****************************************************************************!*
   !*** ./node_modules/hoist-non-react-statics/node_modules/react-is/index.js ***!
   \*****************************************************************************/
 
+/*!******************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/FormControl/FormControlContext.js ***!
+  \******************************************************************************/
+
+/*!******************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/NativeSelect/NativeSelectInput.js ***!
+  \******************************************************************************/
+
+/*!******************************************************************************!*
+  !*** ./node_modules/jss-plugin-camel-case/dist/jss-plugin-camel-case.esm.js ***!
+  \******************************************************************************/
+
+/*!******************************************************************************!*
+  !*** ./node_modules/jss-plugin-props-sort/dist/jss-plugin-props-sort.esm.js ***!
+  \******************************************************************************/
+
+/*!*******************************************************************************!*
+  !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***!
+  \*******************************************************************************/
+
+/*!*******************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/StylesProvider/StylesProvider.js ***!
+  \*******************************************************************************/
+
+/*!********************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/internal/svg-icons/ArrowDropDown.js ***!
+  \********************************************************************************/
+
 /*!*********************************************************************************!*
   !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***!
   \*********************************************************************************/
 
+/*!*********************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/TextareaAutosize/TextareaAutosize.js ***!
+  \*********************************************************************************/
+
 /*!**********************************************************************************!*
   !*** ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js ***!
   \**********************************************************************************/
 
+/*!**********************************************************************************!*
+  !*** ./node_modules/jss-plugin-default-unit/dist/jss-plugin-default-unit.esm.js ***!
+  \**********************************************************************************/
+
+/*!***********************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/getStylesCreator/getStylesCreator.js ***!
+  \***********************************************************************************/
+
+/*!*************************************************************************************!*
+  !*** ./node_modules/@material-ui/core/esm/Unstable_TrapFocus/Unstable_TrapFocus.js ***!
+  \*************************************************************************************/
+
+/*!****************************************************************************************!*
+  !*** ./node_modules/jss-plugin-vendor-prefixer/dist/jss-plugin-vendor-prefixer.esm.js ***!
+  \****************************************************************************************/
+
 /*!****************************************************************************************!*
   !*** ./node_modules/react-router/node_modules/react-is/cjs/react-is.production.min.js ***!
   \****************************************************************************************/
 
+/*!************************************************************************************************!*
+  !*** ./node_modules/jss-plugin-rule-value-function/dist/jss-plugin-rule-value-function.esm.js ***!
+  \************************************************************************************************/
+
+/*!*************************************************************************************************!*
+  !*** ./node_modules/@material-ui/styles/esm/createGenerateClassName/createGenerateClassName.js ***!
+  \*************************************************************************************************/
+
 /*!***************************************************************************************************!*
   !*** ./node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js ***!
   \***************************************************************************************************/

site/frontend/static/frontend/main.js.LICENSE.txt

@@ -1,119 +0,0 @@
-/*!**********************!*
-  !*** ./src/index.js ***!
-  \**********************/
-
-/*!*******************************!*
-  !*** ./src/components/App.js ***!
-  \*******************************/
-
-/*!************************************!*
-  !*** ./src/components/HomePage.js ***!
-  \************************************/
-
-/*!*************************************!*
-  !*** ./node_modules/react/index.js ***!
-  \*************************************/
-
-/*!***************************************!*
-  !*** ./node_modules/isarray/index.js ***!
-  \***************************************/
-
-/*!*****************************************!*
-  !*** ./node_modules/react-dom/index.js ***!
-  \*****************************************/
-
-/*!*****************************************!*
-  !*** ./node_modules/scheduler/index.js ***!
-  \*****************************************/
-
-/*!******************************************!*
-  !*** ./node_modules/prop-types/index.js ***!
-  \******************************************/
-
-/*!*********************************************!*
-  !*** ./node_modules/history/esm/history.js ***!
-  \*********************************************/
-
-/*!*********************************************!*
-  !*** ./node_modules/object-assign/index.js ***!
-  \*********************************************/
-
-/*!**********************************************!*
-  !*** ./node_modules/path-to-regexp/index.js ***!
-  \**********************************************/
-
-/*!*****************************************************!*
-  !*** ./node_modules/value-equal/esm/value-equal.js ***!
-  \*****************************************************/
-
-/*!*******************************************************!*
-  !*** ./node_modules/react-router/esm/react-router.js ***!
-  \*******************************************************/
-
-/*!********************************************************!*
-  !*** ./node_modules/react/cjs/react.production.min.js ***!
-  \********************************************************/
-
-/*!************************************************************!*
-  !*** ./node_modules/@babel/runtime/helpers/esm/extends.js ***!
-  \************************************************************/
-
-/*!*************************************************************!*
-  !*** ./node_modules/prop-types/factoryWithThrowingShims.js ***!
-  \*************************************************************/
-
-/*!*************************************************************!*
-  !*** ./node_modules/prop-types/lib/ReactPropTypesSecret.js ***!
-  \*************************************************************/
-
-/*!***************************************************************!*
-  !*** ./node_modules/react-router-dom/esm/react-router-dom.js ***!
-  \***************************************************************/
-
-/*!***************************************************************!*
-  !*** ./node_modules/resolve-pathname/esm/resolve-pathname.js ***!
-  \***************************************************************/
-
-/*!****************************************************************!*
-  !*** ./node_modules/react-dom/cjs/react-dom.production.min.js ***!
-  \****************************************************************/
-
-/*!****************************************************************!*
-  !*** ./node_modules/scheduler/cjs/scheduler.production.min.js ***!
-  \****************************************************************/
-
-/*!****************************************************************!*
-  !*** ./node_modules/tiny-invariant/dist/tiny-invariant.esm.js ***!
-  \****************************************************************/
-
-/*!******************************************************************!*
-  !*** ./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js ***!
-  \******************************************************************/
-
-/*!******************************************************************!*
-  !*** ./node_modules/mini-create-react-context/dist/esm/index.js ***!
-  \******************************************************************/
-
-/*!******************************************************************!*
-  !*** ./node_modules/react-router/node_modules/react-is/index.js ***!
-  \******************************************************************/
-
-/*!*****************************************************************************!*
-  !*** ./node_modules/hoist-non-react-statics/node_modules/react-is/index.js ***!
-  \*****************************************************************************/
-
-/*!*********************************************************************************!*
-  !*** ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js ***!
-  \*********************************************************************************/
-
-/*!**********************************************************************************!*
-  !*** ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js ***!
-  \**********************************************************************************/
-
-/*!****************************************************************************************!*
-  !*** ./node_modules/react-router/node_modules/react-is/cjs/react-is.production.min.js ***!
-  \****************************************************************************************/
-
-/*!***************************************************************************************************!*
-  !*** ./node_modules/hoist-non-react-statics/node_modules/react-is/cjs/react-is.production.min.js ***!
-  \***************************************************************************************************/

site/frontend/urls.py

@@ -18,4 +18,6 @@ from .views import *
 
 urlpatterns = [
     path('', index),
+    path('login/', index),
+    path('register/', index)
 ]

site/templates/frontend/index.html

@@ -17,6 +17,6 @@
     <div id="main">
       <div id="app"></div>
     </div>
-    <script src="{% static "frontend/main.js" %}"></script>
+    <script src="{% static "front_end/main.js" %}"></script>
   </body>
 </html>