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 AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching 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 Big Data
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

This course includes:

  • 9.5 hours on-demand video
  • 33 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development MERN Stack

MERN Stack Web Development with Ultimate Authentication

Build Ultimate Authentication Boilerplate Project with MERN Stack from Scratch to Digital Ocean Cloud Servers
Rating: 4.6 out of 54.6 (190 ratings)
1,081 students
Created by Ryan Dhungel
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Building Ultimate MERN (Mongo Express React Node) Stack Boilerplate Project
  • Building Production Ready Authentication System
  • Building Login Register System using Email Password
  • Implementing Social Login System with Google and Facebook
  • ACL - Access Control
  • MERN Stack Web Development
  • API Development with Node Js
  • Frontend Web Development with React
  • Create your own base project for all your future React Node FullStack Projects
  • Learn FullStack Deployment to Digital Ocean Cloud Servers including MongoDB Setup
  • Account Activation before saving user to database
  • Login with Google
  • Login with Facebook
  • Private Routing
  • Admin Routing
  • Page Layout with React
  • Working with LocalStorage
  • Working with Cookies
  • Working with JWT (json web token)
  • Role based redirects
  • Profile Update
  • Auth Middleware
  • Admin Middlewares
  • Protecting Routes
  • Handling JWT expiry
  • Error handling
  • Toast Notifications
  • Forgot Password
  • Reset Password
  • Pushing projects to Github
  • Pulling projects from Github to Digital Ocean
  • Digital Ocean Server Configuration
  • Deploying both backend/frontend to single Digital Ocean Droplet
  • Committing changes after pushing project to live servers
  • Adding a domain name
  • Cloudflare CDN and Free SSL
  • Force HTTP to HTTPS
  • Redirect all www to non-www
  • Updating Google and Facebook login redirect to production domain
  • Redirect Digital Ocean IP to actual domain name
  • Static Site / SEO

Course content

16 sections • 90 lectures • 9h 47m total length

  • Preview01:37
  • Preview01:26
  • Source Code
    00:14

  • Preview02:23
  • List of NPM packages to install
    00:11
  • Preview11:12
  • Installing NPM packages
    07:02
  • Source code
    00:14

  • Moving routes
    07:03
  • Moving to controllers
    04:42
  • Code for User model
    00:34
  • User model
    17:47
  • Applying middlewares
    11:01
  • OPTIONAL - Using Monto Atlas for MongoDB as a service in the cloud
    00:16
  • MongoDB Atlas Robo3T and Postman
    05:39
  • Connect to mongodb
    06:09
  • Source code
    00:14

  • Express validator
    14:30
  • Signup user
    09:43
  • Email confirmation workflow
    06:47
  • How to switch from Sendgrid to Nodemailer and Gmail to send Emails (OPTIONAL)
    02:10
  • Signup with sendgrid
    05:21
  • SENDGRID FORBIDDEN ERROR
    00:18
  • Send email on signup
    14:40
  • Account activation
    12:23
  • Signin user
    14:24
  • Source code
    00:14

  • Starting with react
    03:28
  • Create layout
    06:34
  • Using react router dom
    06:46
  • Source code
    00:14

  • Signup page setup
    07:36
  • Signup form
    11:46
  • Finishing signup
    18:24
  • Simple rules of useEffect
    00:21
  • User signin
    06:52
  • Activate account
    21:33
  • Active nav link
    08:29
  • Auth helpers
    19:58
  • Authenticate and signout
    18:38
  • Source code
    00:14

  • Private route
    10:35
  • Admin route
    04:20
  • Redirect based on role
    06:57
  • Source code
    00:14

  • Read user profile
    08:57
  • Protect API endpoint
    08:21
  • Update user profile
    14:12
  • Admin middleware
    08:15
  • Profile update page setup
    05:58
  • Errors cleanup
    03:07
  • Pre populate profile update and handle JWT expiry
    13:30
  • Profile update with toast message
    11:49
  • Admin profile update
    04:06
  • Source code
    00:14

  • Forgot password server
    13:18
  • Reset password server
    15:32
  • Forgot password client
    09:48
  • Reset password client
    17:10
  • Source code
    00:14

  • Login with google client
    21:22
  • Resources - Login with google (optional)
    00:19
  • Login with google - server
    24:20
  • Source code
    00:14

Requirements

  • Basic understanding of React
  • Basic Understanding of Node Js
  • Basic Understanding of JavaScript
  • Ability to connect Node JS App to MongoDB (either using local mongodb install or mongo atlas)
  • Interested in FullStack React Node MongoDB Web Development

Description

MERN Stack (MongoDB Express React Node) FullStack Project from Scratch to Live Server with production ready Authentication

MERN STACK

Learn MERN stack web development by building production ready login register system with account activation, forgot password, reset password, login with facebook, login with google as well as ACL by implementing private and protected routes for authenticated user and users with the role of admin.

As a bonus, I have also included profile update and deployment to digital ocean cloud servers.

If you are looking to go FullStack with React Node Express and MongoDB or better known as MERN Stack then this should be your first go to  course. Because here you will learn to build an Ultimate boilerplate project which can also be used for any future MERN Stack projects you will build for yourself, for your clients or at your job.

New Lectures Added

  1. Adding a domain name

  2. Cloudflare CDN and Free SSL

  3. Force HTTP to HTTPS

  4. Redirect all www to non-www

  5. Updating Google and Facebook login redirect to production domain

  6. Redirect Digital Ocean IP to actual domain name

The key concepts covered in this course

  1. Building Ultimate MERN (Mongo Express React Node) Stack Project

  2. Building Production Ready Authentication System

  3. Building Login Register System using Email Password

  4. Implementing Social Login System with Google and Facebook

  5. ACL - Access Control

  6. MERN Stack Web Development

  7. API Development with Node Js

  8. Frontend Web Development with React

  9. Create your own base project for all your future React Node FullStack Projects

  10. Learn FullStack Deployment to Digital Ocean Cloud Servers including MongoDB Setup

  11. Account Activation before saving user to database

  12. Login with Google

  13. Login with Facebook

  14. Private Routing

  15. Admin Routing

  16. Page Layout with React

  17. Working with LocalStorage

  18. Working with Cookies

  19. Working with JWT (JSON web token)

  20. Role based redirects

  21. Profile Update

  22. Auth Middleware

  23. Admin Middleware

  24. Protecting Routes

  25. Handling JWT expiry

  26. Error handling

  27. Toast Notifications

  28. Forgot Password

  29. Reset Password

  30. Pushing projects to Github

  31. Pulling projects from Github to Digital Ocean

  32. Digital Ocean Server Configuration

  33. Deploying both backend/frontend to single Digital Ocean Droplet

  34. Committing changes after pushing project to live servers

By the end of this course, you will have your own Production Ready MERN Stack Project running live in Digital Ocean Cloud Servers.

Have a look at the promo video to get a better understanding of what this course is all about and how it can change your life for good :)

Web Development is not only about coding, It's also about deploying, dealing with domains, hosting, CDN, www/non-www, http/https, redirects, SEO, pushing new features and more. Get all that knowledge plus the production ready Authentication system, admin routes, page layouts with solid project architecture. This course's project is the beginning of something big :)

Let's go Full Stack. Let's go MERN Stack.

<code continue />

Who this course is for:

  • JavaScript enthusiast looking to go FullStack with React Node and MongoDB
  • Web Developer who wants to build his own MERN Boilerplate project
  • Web Developer who wants to build or add production ready Authentication system to his projects
  • Web Developer who is curious how to setup FullStack project with React and Node
  • Web Developer who wants to learn how to implement Layout and Routing system
  • Web Developer who wants to learn to implement ACL (access control) for Admin and Subscribers (regular user)
  • Web Developer who has build great projects but unable to go live because of not having production ready Authentication System
  • All JavaScript React Node Js Developers who wants to start building production ready FullStack MERN Stack Apps
  • Web Developer who is interested in learning how to deploy production ready apps to Digital Ocean Cloud Servers

Featured review

Jason Duquain
Jason Duquain
70 courses
7 reviews
Rating: 5.0 out of 52 months ago
This is a really great course to learn all aspects of MERN and how to implement authentication and authorization in an app. The topics are well explained. For any topics where I had questions, Ryan answered them very quickly and very thoroughly. I also like the fact there is completed code for each lesson is available at the end of most lectures. I will definitely look into his other advanced MERN courses once I continue to improve my understanding of the MERN stack.

Instructor

Ryan Dhungel
Web Developer
Ryan Dhungel
  • 4.5 Instructor Rating
  • 12,466 Reviews
  • 156,951 Students
  • 22 Courses

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.

He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.

  • 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.