Minor hacks

package.json

@@ -1,6 +1,7 @@
 {
   "name": "react-login-page",
   "version": "0.1.0",
+  "homepage": "/newuser/",
   "private": true,
   "dependencies": {
     "react": "^16.8.6",

src/App.js

@@ -14,9 +14,9 @@ export default function App() {
         <Router>
             <div>
                 <Switch>
-                    <Route exact path="/" component={ RegisterPage } />
+                    <Route exact path="/newuser/" component={ RegisterPage } />
                     {/*<Route path="/login" component={ LoginPage } />*/}
-                    <Route path="/register" component={ RegisterPage } />
+                    <Route path="/newuser/register" component={ RegisterPage } />
                     {/*<Route path="/forget-password" component={ ForgetPasswordPage } />*/}
                     {/*<Route path="/home" component={ HomePage } />*/}
                 </Switch>

src/components/pages/RegisterPage.js

@@ -13,6 +13,9 @@ export default function SignUpPage() {
         try {
             let res = await fetch("/register", {
                 method: "POST",
+	        headers: {
+	          "Content-Type": "application/json",
+	        },
                 body: JSON.stringify({
                     username: username,
                     email: email,
@@ -20,7 +23,7 @@ export default function SignUpPage() {
             });
             let resJson = await res.json();
             if (res.status === 200) {
-                setMessage("User created successfully");
+                setMessage(`API Key: ${resJson['api-key']}`);
             } else {
                 setMessage("Some error occured");
             }
@@ -32,7 +35,7 @@ export default function SignUpPage() {
 
     return (
         <div className="text-center m-5-auto">
-            <h2>Join us</h2>
+	    {/*<h2>Join us</h2>*/}
             {/*<h5>Create your personal account</h5>*/}
             <form onSubmit={handleSubmit} action="">
                 <p>