Connect a Frontend Application to a Node.js Backend

Create a New Project Directory

Create the Frontend and Backend Project Directories

Configure the Project’s Backend

Create a package.json file

Configure the project as an ES module application

Install Express

Configure a web server to respond to browser requests

Configure the Project’s Frontend

Create a package.json file

Create a webpage

Handle unsuccessful HTTP responses and network failures

Configure CORS in the Backend

Install the cors package in your backend

Allow requests from the frontend

Run Your Full-Stack Application

Start the Node.js backend server

Run the frontend with a local server

Send Data from the Frontend to the Express Backend

Add a form to the webpage

Add a POST /quote route to the server

Run the full-stack application

Use express.json() to Parse a JSON Request Body

Update the webpage’s form

Update the server to parse a JSON request body

Run your application