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

MERN Stack Front To Back: Full Stack React, Redux & Node.js, available at $109.99, has an average rating of 4.68, with 73 lectures, based on 15482 reviews, and has 62811 subscribers.

You will learn about 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 This course is ideal for individuals who are Anyone that wants to learn how to build and deploy a full stack MERN application It is particularly useful for Anyone that wants to learn how to build and deploy a full stack MERN application.

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

Summary

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

Price: $109.99

Average Rating: 4.68

Number of Lectures: 73

Number of Published Lectures: 73

Number of Curriculum Items: 73

Number of Published Curriculum Objects: 73

Original Price: $129.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Anyone that wants to learn how to build and deploy a full stack MERN application

Target Audiences

Anyone that wants to learn how to build and deploy a full stack MERN application

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, Reduxand 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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome To The Course

Lecture 2: A Look At The Course Project

Lecture 3: Environment & Setup

Lecture 4: Link To Project Files

Chapter 2: Express & MongoDB Setup

Lecture 1: MongoDB Atlas Setup

Lecture 2: Install Dependencies & Basic Express Setup

Lecture 3: Connecting To MongoDB With Mongoose

Lecture 4: Route Files With Express Router

Chapter 3: User API Routes & JWT Authentication

Lecture 1: Creating The User Model

Lecture 2: Request & Body Validation

Lecture 3: User Registration

Lecture 4: Implementing JWT

Lecture 5: Custom Auth Middleware & JWT Verify

Lecture 6: User Authentication / Login Route

Chapter 4: Profile API Routes

Lecture 1: Creating The Profile Model

Lecture 2: Get Current User Profile

Lecture 3: Create & Update Profile Routes

Lecture 4: Get All Profiles & Profile By User ID

Lecture 5: Delete Profile & User

Lecture 6: Add Profile Experience

Lecture 7: Delete Profile Experience

Lecture 8: Add & Delete Profile Education

Lecture 9: Get Github Repos For Profile

Chapter 5: Post API Routes

Lecture 1: Creating The Post Model

Lecture 2: Add Post Route

Lecture 3: Get & Delete Post Routes

Lecture 4: Post Like & Unlike Routes

Lecture 5: Add & Remove Comment Routes

Chapter 6: Getting Started With React & The Frontend

Lecture 1: A Look At The The UI / Theme

Lecture 2: Link To Theme Building Series On YouTube

Lecture 3: React & Concurrently Setup

Lecture 4: Clean Up & Initial Components

Lecture 5: React Router Setup

Lecture 6: Register Form & useState Hook

Lecture 7: Request Example & Login Form

Chapter 7: Redux Setup & Alerts

Lecture 1: The Gist Of Redux

Lecture 2: Creating a Redux Store

Lecture 3: Alert Reducer, Action & Types

Lecture 4: Alert Component & Action Call

Chapter 8: React User Authentication

Lecture 1: Auth Reducer & Register Action

Lecture 2: Load User & Set Auth Token

Lecture 3: User Login

Lecture 4: Logout & Navbar Links

Chapter 9: Dashboard & Profile Management

Lecture 1: Protected Route For Dashboard

Lecture 2: Profile Reducer & Get Current Profile

Lecture 3: Starting On The Dashboard

Lecture 4: CreateProfile Component

Lecture 5: Create Profile Action

Lecture 6: Edit Profile

Lecture 7: Add Education & Experiences

Lecture 8: List Education & Experiences

Lecture 9: Delete Education, Experiences & Account

Chapter 10: Profile DIsplay

Lecture 1: Finish Profile Actions & Reducer

Lecture 2: Display Profiles

Lecture 3: Addressing The Console Warnings

Lecture 4: Starting On The Profile

Lecture 5: ProfileTop & ProfileAbout Components

Lecture 6: Profile Experience & Education Display

Lecture 7: Displaying Github Repos

Lecture 8: Profile State Issue & Fix

Chapter 11: Posts & Comments

Lecture 1: Post Reducer, Action & Initial Component

Lecture 2: Post Item Component

Lecture 3: Like & Unlike Functionality

Lecture 4: Deleting Posts

Lecture 5: Adding Posts

Lecture 6: Single Post Display

Lecture 7: Adding Comments

Lecture 8: Comment Display & Delete

Chapter 12: Prepare & Deploy

Lecture 1: Install Heroku CLI

Lecture 2: Prepare For Deployment

Lecture 3: Deploy To Heroku

Chapter 13: Issues, Added Features, etc

Lecture 1: About This Section

Lecture 2: Not Found Page & Theme Workaround

Instructors

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media

Rating Distribution

1 stars: 84 votes

2 stars: 143 votes

3 stars: 858 votes

4 stars: 4162 votes

5 stars: 10234 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!