router.post('/register', (req, res) => {
  res.send(req.body)
  const { name, email, password } = req.body;
  console.log(req.body)
  let errors = [];

  if (!name || !email || !password) {
    errors.push({ msg: 'Please enter all fields' });
  }

  if (password.length < 6) {
    errors.push({ msg: 'Password must be at least 6 characters' });
  }

  if (errors.length > 0) {
    res.render('register', {
      errors,
      name,
      email,
      password
    });
  } else {
    User.findOne({ email: email }).then(user => {
      if (user) {
        errors.push({ msg: 'Email already exists' });
        res.render('register', {
          errors,
          name,
          email,
          password
        });
      } else {
        const newUser = new User({
          name,
          email,
          password
        });

        bcrypt.genSalt(10, (err, salt) => {
          bcrypt.hash(newUser.password, salt, (err, hash) => {
            if (err) throw err;
            newUser.password = hash;
            newUser
              .save()
              .then(user => {
                req.flash(
                  'success_msg',
                  'You are now registered and can log in'
                );
                res.redirect('/users/login');
              })
              .catch(err => console.log(err));
          });
        });
      }
    });
  }
});

router.post('/register', (req, res) => {
  res.send(req.body)
  const { name, email, password } = req.body;
  console.log(req.body)
  let errors = [];

  if (!name || !email || !password) {
    errors.push({ msg: 'Please enter all fields' });
  }

  if (password.length < 6) {
    errors.push({ msg: 'Password must be at least 6 characters' });
  }

  if (errors.length > 0) {
    res.render('register', {
      errors,
      name,
      email,
      password
    });
  } else {
    User.findOne({ email: email }).then(user => {
      if (user) {
        errors.push({ msg: 'Email already exists' });
        res.render('register', {
          errors,
          name,
          email,
          password
        });
      } else {
        const newUser = new User({
          name,
          email,
          password
        });

        bcrypt.genSalt(10, (err, salt) => {
          bcrypt.hash(newUser.password, salt, (err, hash) => {
            if (err) throw err;
            newUser.password = hash;
            newUser
              .save()
              .then(user => {
                req.flash(
                  'success_msg',
                  'You are now registered and can log in'
                );
                res.redirect('/users/login');
              })
              .catch(err => console.log(err));
          });
        });
      }
    });
  }
});

import React, { useState, useEffect } from 'react'
import { BrowserRouter as Router, Route, Switch, Link } from 'react-router-dom';

function Main() {
    const [inputsData, setInputsData] = useState({
        name: '',
        email: '',
        password: ''
    })

    const userRegister = (e) => {
        // e.preventDefault()
        console.log(inputsData)
        fetch('/users/register', { method: 'POST', headers: { 'Content-Type': 'application/json;charset=utf-8' }, body: JSON.stringify(inputsData) })
    }

    return (
        <div className='row mt-5'>
            <div className='col-md-6 m-auto'>
                <form className='card card-body text-center' onSubmit={(e) => userRegister(e)}>
                    <h1><i className='fab fa-node-js fa-3x'></i></h1>
                    <p>Register</p>
                    <input
                        placeholder='Name'
                        type="name"
                        id="name"
                        name="name"
                        value={inputsData.name}
                        onChange={({ target }) => setInputsData({ ...inputsData, name: target.value })}
                    />
                    <input
                        placeholder='Email'
                        type="email"
                        id="email"
                        name="email"
                        value={inputsData.email}
                        onChange={({ target }) => setInputsData({ ...inputsData, email: target.value })}
                    />
                    <input
                        placeholder='Password'
                        type="password"
                        id="password"
                        name="password"
                        value={inputsData.password}
                        onChange={({ target }) => setInputsData({ ...inputsData, password: target.value })}
                    />
                    <div onClick={() => userRegister()}>Register</div>
                </form>
            </div>
        </div>
    );
}

export default Main;