Development
Web Development
MERN Stack
MERN Stack Front To Back: Full Stack React, Redux & Node.js
4.7 (9,825 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
37,200 students enrolled

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

Build and deploy a social network with Node.js, Express, React, Redux & MongoDB. Fully updated April 2019
Bestseller
4.7 (9,825 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
37,200 students enrolled
Created by Brad Traversy
Last updated 11/2019
English
English [Auto], French [Auto], 2 more
  • Indonesian [Auto]
  • Italian [Auto]
Preview this course
MERN Stack Front To Back: Full Stack React, Redux & Node.js
Current price: $104.99 Original price: $149.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 12 hours on-demand video
  • 4 articles
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Course content
Expand all 73 lectures 11:52:24
+ – User API Routes & JWT Authentication
6 lectures 01:00:38
Creating The User Model
04:22
Request & Body Validation
09:50
User Registration
14:13
Implementing JWT
10:03
Custom Auth Middleware & JWT Verify
12:31
User Authentication / Login Route
09:39
+ – Profile API Routes
9 lectures 01:26:45
Creating The Profile Model
05:19
Get Current User Profile
06:45
Create & Update Profile Routes
21:23
Get All Profiles & Profile By User ID
12:03
Delete Profile & User
06:19
Add Profile Experience
11:44
Delete Profile Experience
06:49
Add & Delete Profile Education
07:18
Get Github Repos For Profile
09:05
+ – Post API Routes
5 lectures 54:00
Creating The Post Model
05:48
Add Post Route
11:15
Get & Delete Post Routes
12:12
Post Like & Unlike Routes
11:23
Add & Remove Comment Routes
13:22
+ – Getting Started With React & The Frontend
7 lectures 42:18
A Look At The The UI / Theme
06:11
Link To Theme Building Series On YouTube
00:05
React & Concurrently Setup
Preview 05:42
Clean Up & Initial Components
06:28
React Router Setup
06:15
Register Form & useState Hook
09:00
Request Example & Login Form
08:37
+ – Redux Setup & Alerts
4 lectures 42:50
The Gist Of Redux
05:46
Creating a Redux Store
07:29
Alert Reducer, Action & Types
11:47
Alert Component & Action Call
17:48
+ – React User Authentication
4 lectures 56:53
Auth Reducer & Register Action
19:01
Load User & Set Auth Token
14:25
User Login
13:54
Logout & Navbar Links
09:33
+ – Dashboard & Profile Management
9 lectures 02:12:18
Protected Route For Dashboard
10:22
Profile Reducer & Get Current Profile
13:32
Starting On The Dashboard
15:26
CreateProfile Component
11:32
Create Profile Action
13:59
Edit Profile
14:45
Add Education & Experiences
22:55
List Education & Experiences
13:17
Delete Education, Experiences & Account
16:30
+ – Profile DIsplay
8 lectures 01:18:05
Finish Profile Actions & Reducer
08:09
Display Profiles
17:13
Addressing The Console Warnings
04:12
Starting On The Profile
10:58
ProfileTop & ProfileAbout Components
14:54
Profile Experience & Education Display
10:20
Displaying Github Repos
11:28
Profile State Issue & Fix
00:51
Requirements
  • A good understanding of JavaScript & ES6 Fundamentals
  • React & Node Basics
Description

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.

Who this course is for:
  • Anyone that wants to learn how to build and deploy a full stack MERN application
Featured review
Kiddo Dragon
Kiddo Dragon ( 89 courses, 13 reviews )
a year ago
This is a great course and Brat is a great professor. He explains very well every feature that he implements in the project and what you learn you can apply in real projects, because this is 100% like a real project. He starts with NodeJS, Express and MongoDB then goes to React + Redux. I learned how to use Postman very well in backend, because Brat use it for every route to check it.