Create a new register component and verify email function

Author: Linda Peng

src/App.js

@@ -9,6 +9,7 @@ import Home from './components/Home';
 import Nav from './components/Nav';
 import LoginForm from './components/Auth/LoginForm.js';
 import SignUpForm from './components/Auth/SignUpForm.js';
+import Register from './components/Auth/Register.js';
 import Coworking from './components/Coworking';
 import Profile from './components/Profile';
 import SubmitResource from './components/Resources/submitResource';
@@ -45,6 +46,9 @@ function App() {
             <Route path="/signup">
               <SignUpForm />
             </Route>
+            <Route path="/register">
+              <Register />
+            </Route>
             <Route
               path="/verify-email/:key"
               render={matchProps => <VerifyEmail matchProps={matchProps} />}

src/utils/queries.js

@@ -12,11 +12,25 @@ const getResources = async searchTerm => {
   return data;
 };
 
-const verifyEmail = async (_key, apiKey) => {
-  const { data } = await axios.post(`${API_URL}/registration/verify-email`, {
-    key: apiKey,
+const registerUser = async (_key, user) => {
+  const { username, password1, email, password2 } = user;
+  const { data } = await axios.post(`${API_URL}/auth/registration`, {
+    username,
+    email,
+    password1,
+    password2,
   });
   return data;
 };
 
-export { getResource, getResources, verifyEmail };
+const verifyEmail = async (_key, apiKey) => {
+  const { data } = await axios.post(
+    `${API_URL}/auth/registration/verify-email`,
+    {
+      key: apiKey,
+    }
+  );
+  return data;
+};
+
+export { getResource, verifyEmail, registerUser };