Need help Posting external API call to a local postgres database - sql

Question

I'm working on a project that successfully displays the requested API call on a card in my HTML. I want to use a button click on that card to POST the same information to my local database of Favorites, then Get that Database to display on screen when called.
I've created the routes already that work in postman, just can link the external database to my local server.
//GameZ Backend Project
// document.getElementById('search').addEventListener('click', singleGame)
const express = require('express');
const app = express();
const { sequelize, Game, Favorites, Wishlist, User } = require('./models')
const bodyParser = require('body-parser');
const es6Renderer = require('express-es6-template-engine');
const fetch = require("node-fetch");
// const prohairesis =reqiure("prohairesis");
// const dotenv = require("dotenv");
//app.use('/', require('./routes/endpoints'));
const winston = require('winston');
const moment = require('moment');
const pg = require('pg-promise')();
const bcrypt = require('bcrypt');
const { response } = require('express');
//To convert the request to readable json format, we use bodyparser package
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: false}))
app.engine('html', es6Renderer);
app.set('views', 'templates');
app.set('view engine', 'html');
app.use(express())
const logger = winston.createLogger({
level: 'info',
defaultMeta: { service: 'Game' },
transports: [
new winston.transports.File({ filename: 'error.log', level: 'error' }),
new winston.transports.File({ filename: 'combined.log' }),
]
})
// Middleware is the mediary that modifies information sent between the client and server
app.all('*', (req, res, next) => {
logger.info({
"Action": req.method,
"Path": req.path,
"Content_Type": req.header('Content-Type'),
"Body": req.body,
"Time": moment().format('MM/DD/YYYY, h:mm:ss a')
})
next()
})
app.get('/home', (req, res) => {
res.render('index2', {
locals: {
// name: '',
// games: []
}
});
})
//Get all games from gameInfo (app.get)
app.get('/gameInfo', async (req, res) => {
let gaming = await Game.findAll();
res.send(gaming)
console.log(gaming)
})
// Get a single game from the gameList (app.get)
// function singleGame(){
// let SGame = document.getElementById("singleGame").value
// let idArray = []
app.post('/home', async (req,res)=> {
const userInput = req.body.search;
const urlEncodedSearchString = encodeURIComponent(userInput);
let games = await fetch(`https://rawg.io/api/games?key=c1be38abe1e74ea3a7b554f19b8a9df6&search=${urlEncodedSearchString}`)
let gamesJson = await games.json()
let allGames = gamesJson.results.slice(0,8)
res.render('index3', {
locals: {
games: allGames,
name: ''
}
});
})
app.get('/home/2', async (req,res) => {
let gameCard = {}
//fetch using search by name
fetch(`https://rawg.io/api/games?key=c1be38abe1e74ea3a7b554f19b8a9df6&search=batman`)
.then((response) =>{
return response.json()
})
.then(data => {
console.log(data)
for (let index = 0; index < data.results.length; index++) {
gameCard = {
name: data.results[index].name,
id: data.results[index].id,
rating:data.results[index].rating,
released: data.results[index].released,
img: data.results[index].background_image
}
console.log(gameCard)
}
res.send(gameCard)
})
})
app.get('/oneresult/:gameslug' , async (req, res) => {
let faveCard = {}
console.log(req.params.gameslug, "IM HERE")
let games = await fetch(`https://rawg.io/api/games/${req.params.gameslug}?key=c1be38abe1e74ea3a7b554f19b8a9df6`)
console.log(games)
let gamesJson = await games.json()
console.log(gamesJson)
let allGames = gamesJson
console.log(allGames)
res.render('FavoritesWish', {
locals: {
game: allGames,
name: ''
}
});
} )
app.get('/gameList', async (req, res) => {
let gaming = await Game.findOne ({
where: {
}
})
if (gaming == null) {
res.statusCode = 400;
res.render('Not found');
} else {
res.statusCode = 200;
// res.send(gaming);
res.send('gaming', {
locals: {
gaming,
}
});
}
})
// }
// Add a game to the gameList
app.post('/gameInfo', async (req, res) => {
let createdUser = await Game.create(
{
gamename: req.body.gamename,
gameid: req.body.gameid,
star: req.body.star,
review: req.body.review,
username: req.body.username
}
)
res.statusCode = 200;
res.send(createdUser);
});
//Get all Favorites from Info (app.get)
// app.get('/favInfo', async (req, res) => {
// let favoritesgame = await Favorites.findAll();
// res.send(favoritesgame)
// })
// Get a single game from the favList (app.get)
app.get('/favList/:id', async (req, res) => {
let favoritesgame = await Favorites.findOne ({
where: {
id: req.params.id
}
})
if (favoritesgame == null) {
res.statusCode = 400;
res.render('Not found');
} else {
res.statusCode = 200;
// res.send(favoritesgame);
res.render('gaming', {
locals: {
favoritesgame,
}
});
}
})
// Add a game to the FavoritesList
app.post('/favInfo', async (req, res) => {
let createdFavorites = await Favorites.create(
{
gamename: req.body.gamename,
platform:req.body.platform,
gameid: req.body.gameid,
star: req.body.star,
releasedate: req.body.releasedate,
username: req.body.username
}
)
res.statusCode = 200;
res.send(createdFavorites);
});
//Get all Wishlist from Info (app.get)
app.get('/wishInfo', async (req, res) => {
let wishlistgame = await Wishlist.findAll();
res.send(wishlistgame)
})
// Get a single game from the WishList (app.get)
app.get('/wishList/:id', async (req, res) => {
let wishgame = await Wishlist.findOne ({
where: {
id: req.params.id
}
})
if (wishgame == null) {
res.statusCode = 400;
res.send('Not found');
} else {
res.statusCode = 200;
// res.send(wishlistgame);
res.render('wishlistgame', {
locals: {
wishgame,
}
});
}
})
// Add a game to the WishList
app.post('/wishInfo', async (req, res) => {
let createdwishList = await Wishlist.create(
{
gamename: req.body.gamename,
gameid: req.body.gameid,
rating: req.body.rating,
username: req.body.username
}
)
res.statusCode = 200;
res.send(createdwishList);
});
// Delete a game from the gameList
app.delete('/gameInfo/:gamename', async (req, res) => {
let deletedGames = await Game.destroy({
where: {
gamename: req.params.gamename
}
})
res.sendStatus(200).send(deletedGames);
})
// Delete a game from the Favorites
app.delete('/favInfo/:gamename', async (req, res) => {
let deletedGames = await Favorites.destroy({
where: {
gamename: req.params.gamename
}
})
res.sendStatus(200).send(deletedGames);
})
// Delete a game from the gameList
app.delete('/wishInfo/:gamename', async (req, res) => {
let deletedGames = await Wishlist.destroy({
where: {
gamename: req.params.gamename
}
})
res.sendStatus(200).send(deletedGames);
})
// Add a game to the gameList
app.post('/favInfo', async (req, res) => {
let createdUser = await Favorites.create(
{
gamename: req.body.gamename,
gameid: req.body.gameid,
star: req.body.star,
review: req.body.review,
username: req.body.username
}
)
res.statusCode = 200;
res.send(createdUser);
});
// app.post('/pushFav', async (req,res)=>{
// gameCard = {
// name: data.results[index].name,
// id: data.results[index].id,
// rating:data.results[index].rating,
// released: data.results[index].released,
// img: data.results[index].background_image
// }
// console.log(gameCard)
// }
// res.send(gameCard)
// });
//Update the meta for a game
app.patch('/gameInfo/:gamename', async (req, res) =>{
let gPatch = await Game.update(
{
gamename: req.body.gamename,
gameid: req.body.gameid,
star: req.body.star,
review: req.body.review,
username: req.body.username,
}, {
where:{
gamename: req.params.gamename
}
}
)
res.sendStatus(200).send(gPatch);
})
//Update the meta for a Favorites
app.patch('/favInfo/:gamename', async (req, res) =>{
let gPatch = await Favorites.update(
{
gamename: req.body.gamename,
gameid: req.body.gameid,
star: req.body.star,
review: req.body.review,
username: req.body.username,
}, {
where:{
gamename: req.params.gamename
}
}
)
res.sendStatus(200).send(gPatch);
})
//Update the meta for a Wishlist
app.patch('/wishInfo/:gamename', async (req, res) =>{
let gPatch = await Wishlist.update(
{
gamename: req.body.gamename,
gameid: req.body.gameid,
star: req.body.star,
review: req.body.review,
username: req.body.username,
}, {
where:{
gamename: req.params.gamename
}
}
)
res.sendStatus(200).send(gPatch);
})
// User login
app.post('/login', (req, res) => {
const { email, password } = req.body;
models.User.findOne({
where: { email: email }
}).then((user) => {
if (!user) {
res.json({ error: 'no user with that username' })
return;
}
bcrypt.compare(password, user.password, (err, match) => {
if (match) {
req.session.user = user;
res.json({ user_id: user.id, success: true })
} else {
res.json({ error: 'incorrect password' })
}
})
})
})
app.listen(8500, async ()=> {
console.log('Server is running on port 7500')
await sequelize.sync()
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Response Page</title>
</head>
<body>
<div class="flexbox">
<header class="header">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="./index2.html">Gamz+</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./FavoritesWish.html">Favorites</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Page 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Page 3</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<!-- <li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li> -->
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled">Disabled</a>
</li>
</ul>
<form method="POST" action="/home" class="d-flex">
<input name="search" class="form-control me-2 search-button" type="text" placeholder="Search" aria-label="Search">
<button class="btn btn-sm btn-block btn-primary mt-auto" type="submit">Search</button>
</form>
</div>
</div>
</nav>
</header>
<div>
<div class="card" style="width: 18rem;">
<img src="${game.background_image}" class="card-img-top" alt="" width="100" height="120">
<div class="card-body">
<h5 id="title" class="card-title">${game.name} </h5>
<p class="card-text">Platform ${game.parent_platforms.map((platform)=>{
return platform.platform.name
})} </p>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Rating ${game.rating}</li>
<li class="list-group-item">Game ID ${game.id}</li>
<li class="list-group-item">Release Date ${game.released}</li>
</ul>
<div class="card-body">
<a id="fav" href="#" class="card-link">Add to Favorites</a>
<a id="wish" href="#" class="card-link">Add to Wishlist</a>
<div class="input-group mb-3">
<button class="btn btn-outline-secondary" type="button" id="button-addon2">Add to Favorite</button>
</div>
</div>
</div>
</div>
<link href="https://cdn.jsdelivr.net/npm/bootstrap#5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap#5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="serverBP.js"></script>
</body>
</html>