Express Server & app.js

AL-Salam Alikoum :rose: (Hello)!
have a small problem, hope I get solved here, and Thanks :rose:
I’m learning Front.End at UDACITY using (JS), at Web API Lessons I got a small problem which is I can’t pair the server.js with app.js

Files Dir: ↓↓↓

C:\Users\x13th\Desktop\FWD\Java Script\Web API & Asynchronous Applications\re\D.L.Server

L3Server.js File ↓↓↓

/* Express */
//config express to run server and rooutes
const express = require("express");
//start up an instance of app
const app = express();

/* Dependencies */
const bodyParser = require('body-parser');
/* MiddleWare */
//config express to use body-parser as middleware
app.use(bodyParser.urlencoded({ extended: false }));

/* config cors to connect it with app*/
//cors for cross origin allowance
const cors = require('cors');

/* Initialize the mail project folder */

/* Server Configration */
//set up port
const port = 8080;
//Spin up the server 
server = app.listen(port, () => {console.log("Server Running"); console.log(`Running of Localhost: ${port}`);});

//Creat Empty JS Object to act as endpoint for all routes
allData = {}

//Respond with (Sending Response!) When a Get request is made to the homepage
app.get("/", (req, res) => {res.send("Sending Response!");});
app.get ("/all", (req,res) => {res.send(allData);console.log(allData);});

//POST method route"/", (req, res) => {res.send("POST Received");});

app.get("/add", (req ,res) => {res.send(req.body);});

app.get("/", (req, res) => {res.send("Sending Response!");});
//app.get("/add", (req, res) => {res.send("Sending Res");});

//Create an Array to hold data
let data = []
/*Create post with url path
with function to add the data received from request body(req.body)*/"/add", (req, res) => {console.log(req.body); data.push(req.body);console.log(data)});'/add', function (request, response) {
    let data = request.body;

L3app.js File ↓↓↓

const postData = async ( url = '', data = {})=>{
      const response = await fetch(url, {
      method: 'POST', 
      credentials: 'same-origin',
      headers: {
          'Content-Type': 'application/json',
     // Body data type must match "Content-Type" header        
      body: JSON.stringify(data), 

      try {
        const newData = await response.json();
        return newData;
      }catch(error) {
      console.log("error", error);

postData('/', {movie:" the-matrix", score: 5})
postData('/add', {answer:42})

index.html File ↓↓↓

<!DOCTYPE html>
<meta charset="UTF-8">
<div id = "app">
<script src="L3app.js" type="text/javascript"></script>


and the last File is package.json >> i get it from command ($ npm init)

so my problem is when I put this code at app.js

postData('/addMovie', {movie:' the-matrix', score:5})

and when I run the server must get results like this in the browser console and in terminal
but that’s never happened, and I didn’t know why!

Sorry For Bad English :heart: and Thanks :rose:

Do you have your full code on GitHub, so we can pull it down and test it?

1 Like

I’m oke now I found the solution, Thank You :rose:

First must make a folder to index.html, app.js and we don’t put the server.js in this folder
then write this line at Server.js