From 9731829c3ab3af9f401f03ccb605cc4cf67fa8a7 Mon Sep 17 00:00:00 2001
From: mrudulkolambe <mrudulkolambe02@gmail.com>
Date: Mon, 7 Mar 2022 15:53:12 +0530
Subject: [PATCH 1/2] User Registration Completed

---
 backend/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/backend/index.js b/backend/index.js
index 308c26a..19d5556 100644
--- a/backend/index.js
+++ b/backend/index.js
@@ -10,7 +10,10 @@ require('dotenv').config()
 const app = express()
 
 app.use(express.json())
-app.use(cors())
+app.use(cors({
+   origin: 'http://localhost:3000'
+}));
+
 app.use(json())
 app.use(
    urlencoded({

From 50301724f98c35ea431816a3d3a5082ac32fd7aa Mon Sep 17 00:00:00 2001
From: mrudulkolambe <mrudulkolambe02@gmail.com>
Date: Mon, 7 Mar 2022 15:56:12 +0530
Subject: [PATCH 2/2] User Registration Completed

---
 frontend/components/Reg/Reg.jsx      | 18 +++++++++--------
 frontend/helpers/user/userState.js   | 30 ++++++++++++++++++++++++++++
 frontend/helpers/user/usercontext.js | 25 +++--------------------
 frontend/package.json                |  1 +
 frontend/pages/_app.js               |  2 +-
 package-lock.json                    |  5 +----
 6 files changed, 46 insertions(+), 35 deletions(-)
 create mode 100644 frontend/helpers/user/userState.js

diff --git a/frontend/components/Reg/Reg.jsx b/frontend/components/Reg/Reg.jsx
index cf97581..f46088e 100644
--- a/frontend/components/Reg/Reg.jsx
+++ b/frontend/components/Reg/Reg.jsx
@@ -2,13 +2,10 @@ import React from 'react'
 import RegStyle from './Reg.style'
 import Image from 'next/image'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import {
-  faUser,
-  faEnvelope,
-  faLock,
-} from '@fortawesome/free-solid-svg-icons'
-import { useState } from 'react'
+import { faUser, faEnvelope, faLock } from '@fortawesome/free-solid-svg-icons'
+import { useState, useContext } from 'react'
 import { Link } from '@mui/material'
+import UserAuth from 'helpers/user/usercontext'
 
 function Reg() {
   const [userData, setUserData] = useState({
@@ -23,10 +20,15 @@ function Reg() {
     const value = event.target.value
     setUserData({ ...userData, [name]: value })
   }
-
+  const handleSubmit = (e) => {
+    e.preventDefault()
+    setUserData(userData)
+    context.createAcc(userData)
+  }
+  const context = useContext(UserAuth);
   return (
     <RegStyle>
-      <form className="form-wrapper">
+      <form onSubmit={handleSubmit} className="form-wrapper">
         <p className="reg-title">Sign Up</p>
 
         <div className="reg-field">
diff --git a/frontend/helpers/user/userState.js b/frontend/helpers/user/userState.js
new file mode 100644
index 0000000..69562ea
--- /dev/null
+++ b/frontend/helpers/user/userState.js
@@ -0,0 +1,30 @@
+import UserAuth from "./usercontext"
+import { useState } from 'react'
+import axios from "axios"
+
+const UserAuthProvider = ({ children }) => {
+    const [user, setUser] = useState(null)
+    const login = () => {
+        setUser('default')
+    }
+    const createAcc = (data) => {
+        axios.post('http://localhost:5000/user/register/', {
+            email: data.email,
+            password: data.password,
+          })
+          .then(function (response) {
+            console.log(response);
+          })
+          .catch(function (error) {
+            console.log(error);
+          });
+    }
+
+    const logout = () => {
+        setUser(null)
+    }
+    const context = { user, login, logout, createAcc }
+
+    return <UserAuth.Provider value={context}>{children}</UserAuth.Provider>
+}
+export default UserAuthProvider;
\ No newline at end of file
diff --git a/frontend/helpers/user/usercontext.js b/frontend/helpers/user/usercontext.js
index db80815..65228ca 100644
--- a/frontend/helpers/user/usercontext.js
+++ b/frontend/helpers/user/usercontext.js
@@ -1,24 +1,5 @@
-import { createContext } from 'react'
-import { useState } from 'react'
+import { createContext } from "react";
 
-const UserAuth = createContext({
-  user: null,
-  login: () => {},
-  logout: () => {},
-})
+const UserAuth = createContext();
 
-export const UserAuthProvider = ({ children }) => {
-  const [user, setUser] = useState(null)
-  const login = () => {
-    setUser('default')
-  }
-
-  const logout = () => {
-    setUser(null)
-  }
-  const context = { user, login, logout }
-
-  return <UserAuth.Provider value={context}>{children}</UserAuth.Provider>
-}
-
-export default UserAuth
+export default UserAuth;
\ No newline at end of file
diff --git a/frontend/package.json b/frontend/package.json
index 5674f20..8819414 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -22,6 +22,7 @@
     "apexcharts": "^3.33.1",
     "axios": "^0.26.0",
     "bootstrap": "^5.1.3",
+    "cors": "^2.8.5",
     "nanoid": "^3.2.0",
     "next": "12.0.9",
     "qrcode": "^1.5.0",
diff --git a/frontend/pages/_app.js b/frontend/pages/_app.js
index 4a24d25..94eea77 100644
--- a/frontend/pages/_app.js
+++ b/frontend/pages/_app.js
@@ -3,7 +3,7 @@ import '../styles/logostyles.css'
 import '../styles/formStyles.css'
 import '../styles/index.css'
 import '../styles/404.css'
-import { UserAuthProvider } from '../helpers/user/usercontext'
+import UserAuthProvider from 'helpers/user/userState'
 import Page from 'react-page-loading'
 
 
diff --git a/package-lock.json b/package-lock.json
index 509b25a..48e341a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,3 @@
 {
-  "name": "url-minify",
-  "lockfileVersion": 2,
-  "requires": true,
-  "packages": {}
+  "lockfileVersion": 1
 }