Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

MERN Stack Front To Back: Full Stack React, Redux & Node.js

via Udemy

Overview

Build and deploy a social network with Node.js, Express, React, Redux & MongoDB. Fully updated April 2019

What you'll learn:
  • Build a full stack social network app with React, Redux, Node, Express & MongoDB
  • Create an extensive backend API with Express
  • Use Stateless JWT authentication practices
  • Integrate React with an Express backend in an elegant way
  • React Hooks, Async/Await & modern practices
  • Use Redux for state management
  • Deploy to Heroku with a postbuild script

Welcome to "MERN Stack Front To Back". In this course, we will build an in-depth full-stack social network application using Node.js, Express, React, Redux and MongoDB along with ES6+. We will start with a blank text editor and end with a deployed full-stack application. This course includes...


  • Building an extensive backend API with Node.js & Express

  • Protecting routes/endpoints with JWT (JSON Web Tokens)

  • Extensive API testing with Postman

  • Integrating React with our backend in an elegant way, creating a great workflow

  • Building our frontend to work with the API

  • Using Redux for app state management

  • Creating reducers and actions for our resources

  • Creating many container components that integrate with Redux

  • Testing with the Redux Chrome extension

Creating a build script, securing our keys and deploy to Heroku using Git


UPDATE: The entire course was updated to use React Hooks, Async/Await and better overall code.

This is NOT an "Intro to React" or "Intro to Node" course. It is a practical hands-on course for building an app using the incredible MERN stack. I do try and explain everything as I go so it is possible to follow without React/Node experience but it is recommended that you know at least the basics first.


This is a project-based course, which means the entire course is building one large project. The project is called DevConnector and allows users to register and login to create a profile. They can add a resume of jobs and education and link all of their social networks.

Syllabus

  • Introduction
  • Express & MongoDB Setup
  • User API Routes & JWT Authentication
  • Profile API Routes
  • Post API Routes
  • Getting Started With React & The Frontend
  • Redux Setup & Alerts
  • React User Authentication
  • Dashboard & Profile Management
  • Profile DIsplay
  • Posts & Comments
  • Prepare & Deploy
  • Issues, Added Features, etc

Taught by

Brad Traversy

Reviews

4.6 rating at Udemy based on 15672 ratings

Start your review of MERN Stack Front To Back: Full Stack React, Redux & Node.js

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.