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

Video description

In this course you will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with ES6+. You will start with a bank text editor and end with a deployed full stack application.

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
  • Use Redux for state management
  • Deploy to Heroku with a post-build script


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

About The Author

Brad Traversy: Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media, which is a successful web development YouTube channel and specializes in everything from HTML5 to front-end frameworks such as Angular as well as server-side technologies such as Node.js, PHP, and Python. Brad has mastered explaining overly complex topics in a simple manner that is understandable. Invest in your knowledge by watching Brad’s courses.

Table of contents

  1. Chapter 1 : Introduction
    1. Welcome To the Course
    2. A Look at the Main App
    3. Before We Begin
    4. VSCode Setup
  2. Chapter 2 : Basic Express Setup
    1. MongoDB Setup With mLab
    2. Install Dependencies Basic Server Setup
    3. Connecting To MongoDB with Mongoose
    4. Route Files with Express Router
  3. Chapter 3 : User API Routes JWT Authentication
    1. Creating the User Model
    2. User Registration Postman
    3. Email Password Login
    4. Creating the JWT
    5. Passport JWT Authentication Strategy
    6. Validation Handlers – 1
    7. Validation Handlers – 2
  4. Chapter 4 : Profile API Routes
    1. Aside - Front End Visual
    2. Creating the Profile Model
    3. Current User Profile Route
    4. Create Update Profile Routes
    5. Profile Field Validations
    6. More Profile API Routes
    7. Add Experience Education Routes
    8. Delete Education Experience Routes
  5. Chapter 5 : Post API Routes
    1. Creating the Post Model
    2. Post Create Route
    3. Get Delete Post Routes
    4. Post Like Unlike Routes
    5. Add Remove Comment Routes
  6. Chapter 6 : Getting Started With React the Frontend
    1. A Look at the Bootstrap Theme UI
    2. Implementing React
    3. Bootstrap Assets Setup
    4. Basic Layout
  7. Chapter 7 : React Router Component State
    1. React Router Setup (v4)
    2. Creating the Register Form with State
    3. Creating the Login Form with State
    4. Testing Registration with Our Form - No Redux Yet
    5. Error Handling Display
  8. Chapter 8 : Redux Authentication
    1. Why We Need Redux
    2. Redux Store Chrome Extension Setup
    3. Redux Action Reducer Workflow Example
    4. Registration the Error Reducer
    5. Redux Login Action Set Current User
    6. Login Form Functionality
    7. Logout Conditional Navbar Links
  9. Chapter 9 : Dashboard Profile State - Part 1
    1. TextFieldGroupInput Component
    2. Profile Reducer Get Current Profile
    3. Spinner Component Dashboard Start
    4. Private Route Setup
    5. CreateProfile Component Route
    6. Form Field Components
    7. Create Profile Form
    8. Create Profile Functionality
  10. Chapter 10 : Dashboard Profile State - Part 2
    1. Profile Actions Component Delete Account
    2. Edit Profile Component
    3. Add Experience Form
    4. Add Experience Functionality
    5. Add Education Form Functionality
    6. Dashboard Experience Display Delete
    7. Dashboard Education Display Delete
  11. Chapter 11 : Profile Display
    1. Profiles Component getProfiles Action
    2. Profile Items
    3. Profile By Handle Sub Components
    4. Profile Header
    5. Profile About Credentials
    6. Profile Github Touch Ups
  12. Chapter 12 : Posts Comments
    1. Post State addPost Action
    2. Posts Post Form Component
    3. getPosts Action PostFeed Component
    4. Post Item Component
    5. Delete, Like Unlike Posts
    6. Single Post Display
    7. Comment Form Component Action
    8. Comment Display Delete
  13. Chapter 13 : Prepare Deploy
    1. Securing Our Keys
    2. Heroku Setup
    3. Post Build Deployment

Product information

  • Title: MERN Stack Front To Back: Full Stack React, Redux and Node.js
  • Author(s): Brad Traversy
  • Release date: May 2018
  • Publisher(s): Packt Publishing
  • ISBN: 9781789343120