UDEMY
UDEMY Logo

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

  • Offered byUDEMY

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

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

Duration

12 hours

Total fee

8,640

Mode of learning

Online

Credential

Certificate

MERN Stack Front To Back: Full Stack React, Redux & Node.js
Table of contents
Accordion Icon V3

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

  • Earn a Certificate of completion
  • 30-Day Money-Back Guarantee
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Read more
Details Icon

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Course details

Skills you will learn
Who should do this course?
  • Anyone who wants to learn how to build and deploy a full stack MERN application
What are the course deliverables?
  • Create an extensive backend API with Express
  • Integrate React with an Express backend in an elegant way
  • Build a full stack social network app with React, Redux, Node, Express & MongoDB
  • Use Stateless JWT authentication practices
  • React Hooks, Async/Await & modern practices
  • Deploy to Heroku with a postbuild script
  • Use Redux for state management
More about this course
  • 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.
  • It is a practical hands on course for building an app using the incredible MERN stack.

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

Expresses and MongoDB Setup

MongoDB Atlas Setup

Install Dependencies & Basic Express Setup

Connecting To MongoDB with Mongoose

Route Files With Express Router

User API Routes & JWT Authentication

Creating The User Model

Request & Body Validation

User Registration

Implementing JWT

Custom Auth Middleware & JWT Verify

User Authentication / Login Route

Profile API Routes

Creating The Profile Model

Get Current User Profile

Create & Update Profile Routes

Get All Profiles & Profile By User ID

Delete Profile & User

Add Profile Experience

Delete Profile Experience

Add & Delete Profile Education

Get Github Repos For Profile

Post API Routes

Creating The Post Model

Add Post Route

Get & Delete Post Routes

Post Like & Unlike Routes

Add & Remove Comment Routes

Getting Started With React & The Frontend

A Look At The The UI / Theme

React and Concurrently Setup

Clean Up & Initial Components

React Router Setup

Register Form & use State Hook

Request Example & Login Form

Redux Setup & Alerts

The Gist Of Redux

Creating a Redux Store

Alert Reducer, Action & Types

Alert Component & Action Call

React User Authentication

Auth Reducer & Register Action

Load User & Set Auth Token

User Login

Logout & Navbar Links

Dashboard & Profile Management

Profile Reducer & Get Current Profile

Starting On The Dashboard

CreateProfile Component

Create Profile Action

Edit Profile

Add Education & Experiences

List Education & Experiences

Delete Education, Experiences & Account

Profile Display

Finish Profile Actions & Reducer

Display Profiles

Addressing The Console Warnings

Starting On The Profile

Profile Top & Profile About Components

Profile Experience & Education Display

Displaying Github Repos

Faculty Icon

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Faculty details

Brad Traversy
Brad Traversy has been programming for around 12 years and teaching for almost 5 years.

Other courses offered by UDEMY

MERN Stack Front To Back: Full Stack React, Redux & Node.js
 at 
UDEMY 
Students Ratings & Reviews

4.6/5
Verified Icon20 Ratings
D
Daniel Collins
MERN Stack Front To Back: Full Stack React, Redux & Node.js
5.0
Student review
Other: Was a great learning experience. Wish he would have gone more in depth with some of the more complex concepts.
Reviewed on 2 Aug 2021Read More
Thumbs Up IconThumbs Down Icon
J
James McBean
MERN Stack Front To Back: Full Stack React, Redux & Node.js
5.0
Student review
Other: Very much enjoyed the course. The devconnector project guides you through coding a backend API using Express, MongoDB, and Node.js and a frontend in React. Working your way through the project really enforces MERN concepts. I would recommend it to anybody looking to extend their knowledge of MERN.
Reviewed on 23 Jul 2021Read More
Thumbs Up IconThumbs Down Icon
qna

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

Student Forum

chatAnything you would want to ask experts?
Write here...