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

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