Merge pull request #5 from VGandhi27/master

cors commit

Server/app.js

@@ -8,6 +8,13 @@ require('./models/User')
 
 app.use(express.json())
 app.use(require('./routes/Auth'))
+app.use((req, res, next) => {
+    res.header('Access-Control-Allow-Origin', 'http://localhost:4000');
+    next();
+  });
+// app.use(cors({
+//     origin:"http://localhost:4000"
+// }))
 
 mongoose.connect(MONGOURI,{
     useNewUrlParser:true,

Server/models/User.js

@@ -9,10 +9,10 @@ const userSchema=new mongoose.Schema({
         type:String,
         required:true
     },
-    sc:{
-        type:String,
-        required:true
-    },
+    // sc:{
+    //     type:String,
+    //     required:true
+    // },
     gender:{
         type:String,
         required:true

Server/routes/Auth.js

@@ -7,8 +7,8 @@ const jwt=require('jsonwebtoken')
 const { JWT_SECRET }=require("../Key")
 
 router.post('/signup',(req,res)=>{
-   const {email,password,fname,lname,sc,date,gender}=req.body
-   if(!email||!password||!fname||!lname||!sc||!date||!gender){
+   const {email,password,fname,lname,date,gender}=req.body
+   if(!email||!password||!fname||!lname||!date||!gender){
      return res.status(422).json({error:"Please add all the Credential"})
    }
  User.findOne({email:email})
@@ -23,7 +23,7 @@ router.post('/signup',(req,res)=>{
         const user=new User({
             email,
             password:hashedpassword,
-            fname,lname,sc,date,gender
+            fname,lname,date,gender
         })
         user.save()
         .then(user=>{
@@ -74,3 +74,13 @@ router.post('/signin',(req,res)=>{
    })
 })
 module.exports=router
+
+
+
+
+
+
+
+
+
+

package.json

@@ -1,6 +1,7 @@
 {
   "name": "counsellingsystem",
   "private": true,
+  "proxy": "http://localhost:4000",
   "version": "0.0.0",
   "type": "module",
   "scripts": {
@@ -9,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "cors": "^2.8.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.9.0"

src/components/SignUp.jsx

@@ -1,4 +1,7 @@
 import React, { useState } from 'react';
+import {Link} from 'react-router-dom'
+import {useNavigate} from 'react-router-dom'
+
 
 
 const SignUpForm = () => {
@@ -8,17 +11,55 @@ const SignUpForm = () => {
   const [password,setPassword]=useState('');
   const [dob, setDob] = useState('');
   const [gender, setGender] = useState('');
+  const [sc, setSc] = useState('');
+
+  let navigate =useNavigate();
 
-  function handleSubmit(event) {
-    event.preventDefault();
+  function handleSubmit(e) {
+    e.preventDefault();
     console.log('First name:', firstName);
     console.log('Surname:', surname);
     console.log('Email address:', email);
     console.log('Password:', password);
     console.log('DOB:', dob);
-    console.log('Gender:', gender);
+    console.log('Gender:', gender);}
+
+  const PostData =()=>{
+    if(!/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email)){
+     console.log({html: "Invalid Email", classes:"#d32f2f red darken-2"})
+     return
+    }  
+    fetch("http://localhost:4000/signup",{
+      method:"post",
+      "Access-Control-Allow-Origin":"http://localhost:4000/signup",
+      headers:{
+        "Content-Type":"application/json",
+        // 'Access-Control-Allow-Origin': '/api/signup',
+        "Access-Control-Allow-Origin":"http://localhost:4000/signup"
+      },
+      body:JSON.stringify({
+        fname:firstName,
+        lname:surname,
+        email,
+        date:dob,
+        gender,
+        sc,
+        password
+
+      })
+    }).then(res=>res.json())
+    .then(data=>{
+     if(data.error){
+      console.log({html: data.error, classes:"#d32f2f red darken-2"})
+      }else{
+      // console.log({html: data.message, classes:"#43a047 green darken-1"})
+      console.log(data)
+      navigate("/signin");
+    }
+    })
+
   }
-
+  
   return (
     <div className="signup-container">
       <div className="shadow-box">
@@ -30,34 +71,36 @@ const SignUpForm = () => {
 
 
 
-        <form className="form-container" onSubmit={handleSubmit}>
+        <form className="form-container" 
+        onSubmit={handleSubmit}
+        >
               <input
                 type="text"
                 value={firstName}
-                onChange={(event) => setFirstName(event.target.value)}
+                onChange={(e) => setFirstName(e.target.value)}
                 placeholder="First Name"
                 className='firstname-text'
               />
 
               <input 
               type="text"
               value={surname}
-              onChange={(event) => setSurname(event.target.value)}
+              onChange={(e) => setSurname(e.target.value)}
               placeholder="Surname"
               className='surname-text'
             />
 
             <input 
             type="email"
             value={email}
-            onChange={(event)=>setEmail(event.target.value)}
+            onChange={(e)=>setEmail(e.target.value)}
             placeholder="Email address"
             />
 
             <input
             type="password"
             value={password}
-            onChange={(event)=>setPassword(event.target.value)}
+            onChange={(e)=>setPassword(e.target.value)}
             placeholder="Password"
             className='password-text'
             />
@@ -66,14 +109,14 @@ const SignUpForm = () => {
             <input
             type="date"
             value={dob}
-            onChange={(event)=>setDob(event.target.value)}
+            onChange={(e)=>setDob(e.target.value)}
             className='dob'
             />
 
           <select
           type="gender"
           value={gender}
-          onChange={(event)=>setGender(event.target.value)}
+          onChange={(e)=>setGender(e.target.value)}
           >
             <option value="">Select Gender</option>
             <option value="Male">Male</option>
@@ -82,10 +125,18 @@ const SignUpForm = () => {
           </select>
 
           <label htmlFor="are-you-student-or-counsellor">Are you Student and Counsellor ? </label>
-          <label htmlFor="student-option">Student</label>
-          <label htmlFor="counsellor-option">Counsellor</label>
+          <label htmlFor="student-option"
+          //  value={sc="stu"}
+          //  onChange={(e)=>setSc(e.target.value)}
+          //  placeholder="SC"
+          >Student</label>
+          <label htmlFor="counsellor-option"
+          //  value={sc="cou"}
+          //  onChange={(e)=>setSc(e.target.value)}
+          //  placeholder="SC"
+            >Counsellor</label>
 
-          <button type="submit" className='submit-button'>Sign Up</button>
+          <button type="submit" className='submit-button' onClick={()=>PostData()}>Sign Up</button>
 
 
         </form>

vite.config.js

@@ -3,5 +3,9 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  // server:{
+  //   "proxy": {
+  //     "/api":"http://localhost:4000"}
+  // },
   plugins: [react()]
 })