Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development MERN Stack

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
Rating: 4.6 out of 54.6 (12,343 ratings)
46,945 students
Created by Brad Traversy
Last updated 11/2019
English
English [Auto], French [Auto], 
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

Course content

13 sections • 73 lectures • 11h 52m total length

  • Preview03:29
  • Preview05:22
  • Environment & Setup
    Preview06:33
  • Link To Project Files
    00:02

  • Preview06:14
  • Install Dependencies & Basic Express Setup
    Preview08:07
  • Preview07:05
  • Preview07:55

  • 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

  • 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

  • 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

  • A Look At The The UI / Theme
    06:11
  • Link To Theme Building Series On YouTube
    00:05
  • Preview05:42
  • Clean Up & Initial Components
    06:28
  • React Router Setup
    06:15
  • Register Form & useState Hook
    09:00
  • Request Example & Login Form
    08:37

  • The Gist Of Redux
    05:46
  • Creating a Redux Store
    07:29
  • Alert Reducer, Action & Types
    11:47
  • Alert Component & Action Call
    17:48

  • Auth Reducer & Register Action
    19:01
  • Load User & Set Auth Token
    14:25
  • User Login
    13:54
  • Logout & Navbar Links
    09:33

  • 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

  • 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
99 courses
15 reviews
Rating: 5.0 out of 5a 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.

Instructor

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media
Brad Traversy
  • 4.7 Instructor Rating
  • 102,255 Reviews
  • 263,113 Students
  • 15 Courses

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 like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.