MERN Stack Web Development with Ultimate Authentication

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course 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

Instructor

Web Developer
  • 4.5 Instructor Rating
  • 15,696 Reviews
  • 208,635 Students
  • 25 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.

Expected Outcomes

  1. 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 Show more Show less Course content 16 sections • 86 lectures • 9h 41m total length Expand all sections Course Introduction 3 lectures • 3min Introduction Preview 01:37 Requirements Preview 01:26 Source Code 00:14 Getting Started 5 lectures • 21min Setup client Preview 02:23 List of NPM packages to install 00:11 Setup server Preview 11:12 Installing NPM packages 07:02 Source code 00:14 Node Js API 9 lectures • 53min 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 Node Js Signin / Signup / Email Confirmation 10 lectures • 1hr 21min 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 React 4 lectures • 17min Starting with react 03:28 Create layout 06:34 Using react router dom 06:46 Source code 00:14 React Signup / Signin / Activation 10 lectures • 1hr 54min 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 / Admin Routing 4 lectures • 22min Private route 10:35 Admin route 04:20 Redirect based on role 06:57 Source code 00:14 User Profile 10 lectures • 1hr 18min 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 / Reset Password 5 lectures • 56min 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 4 lectures • 46min Login with google client 21:22 Resources - Login with google (optional) 00:19 Login with google - server 24:20 Source code 00:14 6 more sections 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 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 The key concepts covered in this course Building Ultimate MERN (Mongo Express React Node) Stack 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 Middleware 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 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 Show more Show less Featured review Jason Duquain 77 courses 7 reviews Rating: 5.0 out of 5 9 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. Show more Show less Instructor Ryan Dhungel Web Developer 4.5 Instructor Rating 15,696 Reviews 208,635 Students 25 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. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777f4651fd769db',m:'1040fac609e46a8774acb80cd07ba0ef53d3923d-1627746336-1800-AfQXo6m6ZRsiukjBHZ1PnE9gvgAR+ZVvz4bF7fSmQK9YelJw6ldS1YeqSlW/qMF6CKqp5eM7vQ0KI7xjYmvykY92BGZo8TAaZdQPAFIphcxIRsGav68kNX/ZMEioG0PDebfZ+z00QTqQ/rGnPkatyrE=',s:[0xf7a60e0220,0xc47a4f690a],}})();
  2. 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 Show more Show less Course content 16 sections • 86 lectures • 9h 41m total length Expand all sections Course Introduction 3 lectures • 3min Introduction Preview 01:37 Requirements Preview 01:26 Source Code 00:14 Getting Started 5 lectures • 21min Setup client Preview 02:23 List of NPM packages to install 00:11 Setup server Preview 11:12 Installing NPM packages 07:02 Source code 00:14 Node Js API 9 lectures • 53min 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 Node Js Signin / Signup / Email Confirmation 10 lectures • 1hr 21min 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 React 4 lectures • 17min Starting with react 03:28 Create layout 06:34 Using react router dom 06:46 Source code 00:14 React Signup / Signin / Activation 10 lectures • 1hr 54min 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 / Admin Routing 4 lectures • 22min Private route 10:35 Admin route 04:20 Redirect based on role 06:57 Source code 00:14 User Profile 10 lectures • 1hr 18min 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 / Reset Password 5 lectures • 56min 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 4 lectures • 46min Login with google client 21:22 Resources - Login with google (optional) 00:19 Login with google - server 24:20 Source code 00:14 6 more sections 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 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 The key concepts covered in this course Building Ultimate MERN (Mongo Express React Node) Stack 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 Middleware 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 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 Show more Show less Featured review Jason Duquain 77 courses 7 reviews Rating: 5.0 out of 5 9 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. Show more Show less Instructor Ryan Dhungel Web Developer 4.5 Instructor Rating 15,696 Reviews 208,635 Students 25 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. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777f4651fd769db',m:'1040fac609e46a8774acb80cd07ba0ef53d3923d-1627746336-1800-AfQXo6m6ZRsiukjBHZ1PnE9gvgAR+ZVvz4bF7fSmQK9YelJw6ldS1YeqSlW/qMF6CKqp5eM7vQ0KI7xjYmvykY92BGZo8TAaZdQPAFIphcxIRsGav68kNX/ZMEioG0PDebfZ+z00QTqQ/rGnPkatyrE=',s:[0xf7a60e0220,0xc47a4f690a],}})();
  3. 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 Show more Show less Course content 16 sections • 86 lectures • 9h 41m total length Expand all sections Course Introduction 3 lectures • 3min Introduction Preview 01:37 Requirements Preview 01:26 Source Code 00:14 Getting Started 5 lectures • 21min Setup client Preview 02:23 List of NPM packages to install 00:11 Setup server Preview 11:12 Installing NPM packages 07:02 Source code 00:14 Node Js API 9 lectures • 53min 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 Node Js Signin / Signup / Email Confirmation 10 lectures • 1hr 21min 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 React 4 lectures • 17min Starting with react 03:28 Create layout 06:34 Using react router dom 06:46 Source code 00:14 React Signup / Signin / Activation 10 lectures • 1hr 54min 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 / Admin Routing 4 lectures • 22min Private route 10:35 Admin route 04:20 Redirect based on role 06:57 Source code 00:14 User Profile 10 lectures • 1hr 18min 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 / Reset Password 5 lectures • 56min 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 4 lectures • 46min Login with google client 21:22 Resources - Login with google (optional) 00:19 Login with google - server 24:20 Source code 00:14 6 more sections 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 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 The key concepts covered in this course Building Ultimate MERN (Mongo Express React Node) Stack 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 Middleware 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 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 Show more Show less Featured review Jason Duquain 77 courses 7 reviews Rating: 5.0 out of 5 9 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. Show more Show less Instructor Ryan Dhungel Web Developer 4.5 Instructor Rating 15,696 Reviews 208,635 Students 25 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. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777f4651fd769db',m:'1040fac609e46a8774acb80cd07ba0ef53d3923d-1627746336-1800-AfQXo6m6ZRsiukjBHZ1PnE9gvgAR+ZVvz4bF7fSmQK9YelJw6ldS1YeqSlW/qMF6CKqp5eM7vQ0KI7xjYmvykY92BGZo8TAaZdQPAFIphcxIRsGav68kNX/ZMEioG0PDebfZ+z00QTqQ/rGnPkatyrE=',s:[0xf7a60e0220,0xc47a4f690a],}})();
  4. 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 Show more Show less Course content 16 sections • 86 lectures • 9h 41m total length Expand all sections Course Introduction 3 lectures • 3min Introduction Preview 01:37 Requirements Preview 01:26 Source Code 00:14 Getting Started 5 lectures • 21min Setup client Preview 02:23 List of NPM packages to install 00:11 Setup server Preview 11:12 Installing NPM packages 07:02 Source code 00:14 Node Js API 9 lectures • 53min 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 Node Js Signin / Signup / Email Confirmation 10 lectures • 1hr 21min 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 React 4 lectures • 17min Starting with react 03:28 Create layout 06:34 Using react router dom 06:46 Source code 00:14 React Signup / Signin / Activation 10 lectures • 1hr 54min 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 / Admin Routing 4 lectures • 22min Private route 10:35 Admin route 04:20 Redirect based on role 06:57 Source code 00:14 User Profile 10 lectures • 1hr 18min 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 / Reset Password 5 lectures • 56min 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 4 lectures • 46min Login with google client 21:22 Resources - Login with google (optional) 00:19 Login with google - server 24:20 Source code 00:14 6 more sections 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 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 The key concepts covered in this course Building Ultimate MERN (Mongo Express React Node) Stack 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 Middleware 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 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 Show more Show less Featured review Jason Duquain 77 courses 7 reviews Rating: 5.0 out of 5 9 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. Show more Show less Instructor Ryan Dhungel Web Developer 4.5 Instructor Rating 15,696 Reviews 208,635 Students 25 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. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777f4651fd769db',m:'1040fac609e46a8774acb80cd07ba0ef53d3923d-1627746336-1800-AfQXo6m6ZRsiukjBHZ1PnE9gvgAR+ZVvz4bF7fSmQK9YelJw6ldS1YeqSlW/qMF6CKqp5eM7vQ0KI7xjYmvykY92BGZo8TAaZdQPAFIphcxIRsGav68kNX/ZMEioG0PDebfZ+z00QTqQ/rGnPkatyrE=',s:[0xf7a60e0220,0xc47a4f690a],}})();
  5. 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 Show more Show less Course content 16 sections • 86 lectures • 9h 41m total length Expand all sections Course Introduction 3 lectures • 3min Introduction Preview 01:37 Requirements Preview 01:26 Source Code 00:14 Getting Started 5 lectures • 21min Setup client Preview 02:23 List of NPM packages to install 00:11 Setup server Preview 11:12 Installing NPM packages 07:02 Source code 00:14 Node Js API 9 lectures • 53min 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 Node Js Signin / Signup / Email Confirmation 10 lectures • 1hr 21min 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 React 4 lectures • 17min Starting with react 03:28 Create layout 06:34 Using react router dom 06:46 Source code 00:14 React Signup / Signin / Activation 10 lectures • 1hr 54min 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 / Admin Routing 4 lectures • 22min Private route 10:35 Admin route 04:20 Redirect based on role 06:57 Source code 00:14 User Profile 10 lectures • 1hr 18min 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 / Reset Password 5 lectures • 56min 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 4 lectures • 46min Login with google client 21:22 Resources - Login with google (optional) 00:19 Login with google - server 24:20 Source code 00:14 6 more sections 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 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 The key concepts covered in this course Building Ultimate MERN (Mongo Express React Node) Stack 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 Middleware 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 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 Show more Show less Featured review Jason Duquain 77 courses 7 reviews Rating: 5.0 out of 5 9 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. Show more Show less Instructor Ryan Dhungel Web Developer 4.5 Instructor Rating 15,696 Reviews 208,635 Students 25 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. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777f4651fd769db',m:'1040fac609e46a8774acb80cd07ba0ef53d3923d-1627746336-1800-AfQXo6m6ZRsiukjBHZ1PnE9gvgAR+ZVvz4bF7fSmQK9YelJw6ldS1YeqSlW/qMF6CKqp5eM7vQ0KI7xjYmvykY92BGZo8TAaZdQPAFIphcxIRsGav68kNX/ZMEioG0PDebfZ+z00QTqQ/rGnPkatyrE=',s:[0xf7a60e0220,0xc47a4f690a],}})();
  6. 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 Show more Show less Course content 16 sections • 86 lectures • 9h 41m total length Expand all sections Course Introduction 3 lectures • 3min Introduction Preview 01:37 Requirements Preview 01:26 Source Code 00:14 Getting Started 5 lectures • 21min Setup client Preview 02:23 List of NPM packages to install 00:11 Setup server Preview 11:12 Installing NPM packages 07:02 Source code 00:14 Node Js API 9 lectures • 53min 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 Node Js Signin / Signup / Email Confirmation 10 lectures • 1hr 21min 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 React 4 lectures • 17min Starting with react 03:28 Create layout 06:34 Using react router dom 06:46 Source code 00:14 React Signup / Signin / Activation 10 lectures • 1hr 54min 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 / Admin Routing 4 lectures • 22min Private route 10:35 Admin route 04:20 Redirect based on role 06:57 Source code 00:14 User Profile 10 lectures • 1hr 18min 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 / Reset Password 5 lectures • 56min 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 4 lectures • 46min Login with google client 21:22 Resources - Login with google (optional) 00:19 Login with google - server 24:20 Source code 00:14 6 more sections 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 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 The key concepts covered in this course Building Ultimate MERN (Mongo Express React Node) Stack 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 Middleware 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 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 Show more Show less Featured review Jason Duquain 77 courses 7 reviews Rating: 5.0 out of 5 9 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. Show more Show less Instructor Ryan Dhungel Web Developer 4.5 Instructor Rating 15,696 Reviews 208,635 Students 25 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. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777f4651fd769db',m:'1040fac609e46a8774acb80cd07ba0ef53d3923d-1627746336-1800-AfQXo6m6ZRsiukjBHZ1PnE9gvgAR+ZVvz4bF7fSmQK9YelJw6ldS1YeqSlW/qMF6CKqp5eM7vQ0KI7xjYmvykY92BGZo8TAaZdQPAFIphcxIRsGav68kNX/ZMEioG0PDebfZ+z00QTqQ/rGnPkatyrE=',s:[0xf7a60e0220,0xc47a4f690a],}})();
  7. 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 Show more Show less Course content 16 sections • 86 lectures • 9h 41m total length Expand all sections Course Introduction 3 lectures • 3min Introduction Preview 01:37 Requirements Preview 01:26 Source Code 00:14 Getting Started 5 lectures • 21min Setup client Preview 02:23 List of NPM packages to install 00:11 Setup server Preview 11:12 Installing NPM packages 07:02 Source code 00:14 Node Js API 9 lectures • 53min 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 Node Js Signin / Signup / Email Confirmation 10 lectures • 1hr 21min 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 React 4 lectures • 17min Starting with react 03:28 Create layout 06:34 Using react router dom 06:46 Source code 00:14 React Signup / Signin / Activation 10 lectures • 1hr 54min 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 / Admin Routing 4 lectures • 22min Private route 10:35 Admin route 04:20 Redirect based on role 06:57 Source code 00:14 User Profile 10 lectures • 1hr 18min 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 / Reset Password 5 lectures • 56min 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 4 lectures • 46min Login with google client 21:22 Resources - Login with google (optional) 00:19 Login with google - server 24:20 Source code 00:14 6 more sections 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 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 The key concepts covered in this course Building Ultimate MERN (Mongo Express React Node) Stack Project Building Production Ready Authentication System Building Login Register System using Email Password Implementing Social Login System with Google and Facebook ACL - Access Contro