Beginning Node.js, Express & MongoDB Development

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.

Intermediate

34 Lessons

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

50 Playgrounds

This course includes

50 Playgrounds

Course Overview

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 ...Show More

What You'll Learn

Ability to use MongoDB to manipulate data using the Mongoose library.

Working knowledge of using the functional components of React.

Hands-on experience using React-Bootstrap to design the layout.

Ability to connect the Node.js to MongoDB.

Hands-on experience using the Axios library to connect React components to Node.js.

What You'll Learn

Ability to use MongoDB to manipulate data using the Mongoose library.

Course Content

Introduction and Setting up the Database

Get familiar with the MERN stack, MongoDB setup, sample data, and Atlas CLI.

Introduction to the Course

MongoDB Overview

Setting up the MongoDB Atlas Cloud Database

Adding Sample Data Setting up the Database Using Atlas CLI Quiz: Setting up the Database

Setting up the Backend

Walk through the process of setting up a Node.js, Express, and MongoDB backend.

Setting up the Node and Express Backend Creating the Backend Creating the Data Access Object Creating the Movies Controller Testing the Back-end API Leaving Movie Reviews Testing the Reviews API Adding Routes to Get a Single Movie and its Ratings Quiz: Setting up the Backend

Setting up the Frontend : Creating the Server

Go hands-on with React to create, navigate, and connect a frontend to a backend server.

Introduction to React Creating the Frontend Creating the Navigation Bar Implementing the Login State Defining the Routes Connecting to the Backend Quiz: Setting up the Frontend and Creating the Server

Setting up the Frontend: Creating the React Components

Apply your skills to building React components for movies, reviews, and user interactions.

Creating the MoviesList Component Creating the Movie Component Listing Reviews in the Movie Component Creating the Login Component Adding and Editing Reviews Deleting a Review Getting Next Page Results Getting Title and Rating Search Results on Another Page Quiz: Setting up the Frontend and Creating the React Components

Deployment

Solve problems in deploying Node.js backends on Heroku and React frontends on Netlify.

Deploying the Backend on Heroku Hosting and Deploying the React Frontend

Build an Image Sharing App with MERN Stack

Project

Conclusion

1 Lesson

Investigate MERN stack application development, problem-solving confidence, and community feedback.

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!