POST request not working on Heroku (Node.js & Heroku Postgres) - node.js

Question

I know this question has been asked, but I still haven't been able to figure this out. Been working on it for three days trying to solve this.
I built this app and it worked fine on my local machine, but after I deployed the back end on Heroku the register endpoint is getting an error, but I don't know what the actual problem is. All I am getting in the console is POST https://whispering-inlet-63830.herokuapp.com/register 400 (Bad Request) and when I click on it it brings me to the fetch statement on the front end.
I know the front end is talking to the back end because in the network tab of chrome tools it has the message ”Unable to register” which I put in a catch statement in case of an error.
Finally, I am using the Heroku Postgres add-on. I have created two tables that take are supposed to store the info in the req.body that is received by the back end.
EXPECTED RESULT:
Be able to register a user
ACTUAL RESULT:
getting 400 bad request error, but not sure how to further debug it and pinpoint the issue
ACTIONS TAKEN:
Double checked all dependancies and proper configuration
Triple checked that the URL in the fetch statement was correct
Double checked that I have these two lines in accordance with
Double checked postgres table configuration
Heroku Documentation
connectionString: process.env.DATABASE_URL,
ssl: true
Register.js (front-end):
import React from 'react';
class Register extends React.Component {
constructor(props) {
super(props)
this.state = {
email: '',
password: '',
name: ''
}
}
onNameChange = (event) => {
this.setState({name: event.target.value});
}
onEmailChange = (event) => {
this.setState({email: event.target.value});
}
onPasswordChange = (event) => {
this.setState({password: event.target.value});
}
onSubmitSignin = () => {
fetch('https://whispering-inlet-63830.herokuapp.com/register', {
method: 'post',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
email: this.state.email,
password: this.state.password,
name: this.state.name
})
})
.then(res => res.json())
.then(user => {
if (user.id) {
this.props.loadUser(user);
this.props.onRouteChange('home');
}
})
}
render() {
return (
<article className="br3 ba b--black-10 mv4 w-100 w-50-m w-25-l mw6 shadow-5 center">
<main className="pa4 black-80">
<div className="measure">
<fieldset id="sign_up" className="ba b--transparent ph0 mh0">
<legend className="f1 fw6 ph0 mh0">Register</legend>
<div className="mt3">
<label className="db fw6 lh-copy f6" htmlFor="name">Name</label>
<input
className="pa2 input-reset ba bg-transparent hover-bg-black hover-white w-100"
type="text"
name="name"
id="name"
onChange={this.onNameChange}
/>
</div>
<div className="mt3">
<label className="db fw6 lh-copy f6" htmlFor="email-address">Email</label>
<input
className="pa2 input-reset ba bg-transparent hover-bg-black hover-white w-100"
type="email"
name="email-address"
id="email-address"
onChange={this.onEmailChange}
/>
</div>
<div className="mv3">
<label className="db fw6 lh-copy f6" htmlFor="password">Password</label>
<input
className="b pa2 input-reset ba bg-transparent hover-bg-black hover-white w-100"
type="password"
name="password"
id="password"
onChange={this.onPasswordChange}
/>
</div>
</fieldset>
<div className="">
<input onClick={this.onSubmitSignin} className="b ph3 pv2 input-reset ba b--black bg-transparent grow pointer f6 dib" type="submit" value="Register" />
</div>
</div>
</main>
</article>
);
}
}
export default Register;
server.js (back-end):
const express = require('express');
const bodyParser = require('body-parser');
const bcrypt = require('bcrypt-nodejs');
const cors = require('cors');
const knex = require('knex');
/***** ENDPOINT CONTROLLERS *****/
const register = require('./controllers/register');
const signin = require('./controllers/signin');
const profile = require('./controllers/profile');
const image = require('./controllers/image');
/***** ENDPOINT CONTROLLERS *****/
const db = knex({
client: 'pg',
connection: {
connectionString: process.env.DATABASE_URL,
ssl: true
}
});
const app = express();
const PORT = process.env.PORT || 3000;
app.use(bodyParser.json());
app.use(cors());
app.get('/', (req, res) => { res.send('success') })
app.post('/signin', (req, res) => { signin.handleSignin(req, res, db, bcrypt) })
app.post('/register', (req, res) => { register.handleRegister(req, res, db, bcrypt) })
app.get('/profile/:id', (req, res) => { profile.handleProfileGet(req, res, db)})
app.put('/image', (req, res) => {image.handleImage(req, res, db)})
app.post('/imageurl', (req, res) => {image.handleApiCall(req, res)})
app.listen(PORT, () =>{
console.log(`app is running on port ${PORT}`);
})
register.js (back-end):
const handleRegister = (req, res, db, bcrypt) => {
const { email, name, password } = req.body;
if (!email || !name || !password) {
return res.status(400).json('Incorrect form submission');
}
const hash = bcrypt.hashSync(password);
db.transaction(trx => {
trx.insert({
hash: hash,
email: email
})
.into('login')
.returning('email')
.then(loginEmail => {
return trx('users')
.returning('*')
.insert({
email: loginEmail[0].email,
name: name,
joined: new Date()
})
.then(user => {
res.json(user[0]);
})
})
.then(trx.commit)
.catch(trx.rollback)
})
.catch(err => res.status(400).json('Unable to register').console.log('This is the error --> ', err))
}
module.exports = {
handleRegister: handleRegister
};
Heroku Logs:
2023-02-16T21:07:39.838345+00:00 heroku[web.1]: Cycling
2023-02-16T21:07:39.854981+00:00 heroku[web.1]: State changed from up to starting
2023-02-16T21:07:41.764756+00:00 heroku[web.1]: Stopping all processes with SIGTERM
2023-02-16T21:07:42.090509+00:00 heroku[web.1]: Process exited with status 143
2023-02-16T21:07:42.511393+00:00 heroku[web.1]: Starting process with command `npm start`
2023-02-16T21:07:44.853939+00:00 app[web.1]:
2023-02-16T21:07:44.853974+00:00 app[web.1]: > brain-box-api#1.0.0 start
2023-02-16T21:07:44.853975+00:00 app[web.1]: > node server.js
2023-02-16T21:07:44.853975+00:00 app[web.1]:
2023-02-16T21:07:45.163380+00:00 app[web.1]: app is running on port 25098
2023-02-16T21:07:45.364101+00:00 heroku[web.1]: State changed from starting to up
2023-02-16T22:02:53.616299+00:00 heroku[router]: at=info method=GET path="/" host=whispering-inlet-63830.herokuapp.com request_id=3a0cf964-1bff-497c-bad8-6a32e8a1909f fwd="72.200.93.242" dyno=web.1 connect=0ms service=6ms status=304 bytes=181 protocol=https
2023-02-17T18:47:53.733408+00:00 heroku[router]: at=info method=OPTIONS path="/register" host=whispering-inlet-63830.herokuapp.com request_id=4000b4f6-dfbb-4f58-92ba-d4e7f5c4794e fwd="72.200.93.242" dyno=web.1 connect=0ms service=79ms status=204 bytes=301 protocol=https
2023-02-17T18:47:54.189603+00:00 heroku[router]: at=info method=POST path="/register" host=whispering-inlet-63830.herokuapp.com request_id=20bf2c7b-8a82-485a-b4f5-c6658b09a4c5 fwd="72.200.93.242" dyno=web.1 connect=0ms service=372ms status=400 bytes=268 protocol=https
2023-02-17T19:02:16.261886+00:00 heroku[router]: at=info method=GET path="/register" host=whispering-inlet-63830.herokuapp.com request_id=d5c31a99-7fcb-479f-a54c-1100b5017ba6 fwd="35.196.132.85" dyno=web.1 connect=0ms service=2ms status=404 bytes=423 protocol=https
2023-02-17T19:02:50.970631+00:00 heroku[router]: at=info method=GET path="/register" host=whispering-inlet-63830.herokuapp.com request_id=d93092e0-b564-45c8-8cdc-fe2ca278fa07 fwd="35.237.4.214" dyno=web.1 connect=0ms service=1ms status=404 bytes=423 protocol=https
2023-02-17T20:13:45.694986+00:00 heroku[router]: at=info method=OPTIONS path="/register" host=whispering-inlet-63830.herokuapp.com request_id=85c6f70d-b67f-4f65-a062-90a323f66b44 fwd="72.200.93.242" dyno=web.1 connect=0ms service=1ms status=204 bytes=301 protocol=https
2023-02-17T20:13:46.021015+00:00 heroku[router]: at=info method=POST path="/register" host=whispering-inlet-63830.herokuapp.com request_id=69e09db1-415e-401e-a8ab-f0cd0d38df3c fwd="72.200.93.242" dyno=web.1 connect=0ms service=242ms status=400 bytes=268 protocol=https
2023-02-17T20:17:09.986066+00:00 heroku[router]: at=info method=OPTIONS path="/signin" host=whispering-inlet-63830.herokuapp.com request_id=f2069f6f-b316-4e6f-b85b-a74255b1466f fwd="72.200.93.242" dyno=web.1 connect=0ms service=1ms status=204 bytes=301 protocol=https
2023-02-17T20:17:10.073676+00:00 heroku[router]: at=info method=POST path="/signin" host=whispering-inlet-63830.herokuapp.com request_id=f86c958b-77af-449d-b223-8270f96953fc fwd="72.200.93.242" dyno=web.1 connect=0ms service=4ms status=400 bytes=267 protocol=https
2023-02-17T20:20:10.278343+00:00 heroku[router]: at=info method=GET path="/register" host=whispering-inlet-63830.herokuapp.com request_id=87a20845-ad6f-415b-b550-4d08f3679d6a fwd="35.196.132.85" dyno=web.1 connect=0ms service=1ms status=404 bytes=423 protocol=https
2023-02-17T20:23:34.918082+00:00 heroku[router]: at=info method=GET path="/register" host=whispering-inlet-63830.herokuapp.com request_id=8fdfcde2-31c0-4eac-9b88-ff1a24741917 fwd="35.227.62.178" dyno=web.1 connect=0ms service=1ms status=404 bytes=423 protocol=https
2023-02-17T20:30:30.994860+00:00 heroku[router]: at=info method=GET path="/register" host=whispering-inlet-63830.herokuapp.com request_id=8f2a9526-098b-40d4-b053-6e557ec47e00 fwd="98.145.195.210" dyno=web.1 connect=0ms service=1ms status=404 bytes=423 protocol=https
2023-02-17T20:30:35.366735+00:00 heroku[router]: at=info method=GET path="/" host=whispering-inlet-63830.herokuapp.com request_id=9727e353-da90-412e-bd60-9fb83df7adbd fwd="98.145.195.210" dyno=web.1 connect=0ms service=2ms status=200 bytes=237 protocol=https
2023-02-17T20:30:35.500222+00:00 heroku[router]: at=info method=GET path="/favicon.ico" host=whispering-inlet-63830.herokuapp.com request_id=166f4026-99a5-488e-8b01-0032e9ef9e58 fwd="98.145.195.210" dyno=web.1 connect=0ms service=1ms status=404 bytes=426 protocol=https
2023-02-17T20:38:32.722970+00:00 heroku[router]: at=info method=GET path="/" host=whispering-inlet-63830.herokuapp.com request_id=ceaaf3e6-7250-4a81-9414-3c3efcc70d84 fwd="98.145.195.210" dyno=web.1 connect=0ms service=1ms status=200 bytes=237 protocol=https
2023-02-17T20:39:24.076167+00:00 heroku[router]: at=info method=OPTIONS path="/register" host=whispering-inlet-63830.herokuapp.com request_id=9cc8dde8-310b-4995-8c0f-719c7a0fbe43 fwd="72.200.93.242" dyno=web.1 connect=0ms service=0ms status=204 bytes=301 protocol=https
2023-02-17T20:39:24.403949+00:00 heroku[router]: at=info method=POST path="/register" host=whispering-inlet-63830.herokuapp.com request_id=47d82db6-d90a-469a-916a-7f7a3493bea8 fwd="72.200.93.242" dyno=web.1 connect=0ms service=243ms status=400 bytes=268 protocol=https
2023-02-17T20:40:25.768482+00:00 heroku[router]: at=info method=POST path="/register" host=whispering-inlet-63830.herokuapp.com request_id=1bd617a6-708c-42f5-b44c-7fd9a64e92e8 fwd="98.145.195.210" dyno=web.1 connect=0ms service=244ms status=400 bytes=268 protocol=https