git_username

git_email

heroku_email

heroku_password

Learn to build and deploy a full-stack MERN application. Gain insights into MongoDB basics, Node.js backend, and React frontend. Explore API testing and Heroku deployment.

Beginning Node.js, Express & MongoDB Development.png

MERN.tar.gz

first

second

third

fourth

fifth

temp

app_l

movies_list

react icon

movie_routes

display_m

movie_r

In this course, you’ll learn how to build a full-stack application using the MERN stack and deploy it to the internet. The MERN stack is a popular stack of technologies that build modern Single Page Applications (SPAs).

You’ll begin with the basics of MongoDB and the process of setting it up. Next, you will go over work with the Atlas cloud database. Then, you’ll learn how to set up the backend using Node and express. Also, you’ll be creating a fully functional movie review application. After creating the controller and data access objects, you’ll learn to create routes. Next, you’ll test the created API. Finally, you’ll learn how to create the frontend using the React components and deploy the application on Heroku.

By the end of this course, you’ll learn how to connect both the backend and the frontend to create a full-stack MERN application, as well as how to deploy it.

Beginning Node.js, Express & MongoDB Development


Let's begin by setting up the backend of our application with Node.js and Express. 

If you're setting this up on your local machine, you first need to install Node.js. Go to https://nodejs.org/en/ and download the appropriate version for your operating system. 

> **Note:** Installation on your local machine is not required for this course. Everything can be done in the browser terminal.

Installation should be straightforward. Once Node.js has been installed, go to your terminal and run the following command: 
```sh
$ node -v
```


This shows the version of Node.js that has been installed.



In the terminal, create a folder called `movie-reviews`. Run the following command:
```sh
$ mkdir movie-reviews && cd movie-reviews
```
In the `movie-reviews` folder, create a folder called `backend`. Run the following command:
```sh
$ mkdir backend && cd backend
```
In the `backend` folder, create a `package.json` file in the folder by running the following command: 
```sh
$ npm init
```

This will prompt a series of questions about our project (such as project name, author, and version) to generate the `package.json` file. We can manually create the `package.json` file on our own. But the `npm init` command saves us a bit of time when creating `package.json` files. For now, just press "Enter" for all the questions. By the end of this process, the `package.json` file will be generated for us.

The terminal below executes all the steps mentioned and displays the initial `package.json` file:








Let's learn how to set up the environment for the back-end server.

Introduction and Setting up the Database

Setting up the Backend

Setting up the Frontend : Creating the Server

Setting up the Frontend: Creating the React Components

Deployment

Conclusion

Setting up the Node and Express Backend

Node.js installation

Creating the back-end folder