MERN Stack Web Development with Ultimate Authentication

MERN Stack Web Development with Ultimate Authentication

by Ryan Dhungel
Released December 2019
Publisher(s): Packt Publishing
ISBN: 9781800204799

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

The MERN (Mongo Express React Node) stack consists of open source components that provide an end-to-end framework for developing comprehensive web applications that connect browsers to databases. This video will help you get to grips with MERN stack web development by building a production-ready login register system with authentication features such as account activation, forget password, reset password, and log in with Facebook, Google, and ACL by implementing private and protected routes for both, authenticated users and admins.

If you are looking to go full-stack with React Node Express and MongoDB (better known as the MERN stack), this course is where you should start. You’ll learn how to build a boilerplate project that can be used for any MERN stack projects that you’ll build for yourself and your clients.

By the end of this course, you’ll have your production-ready MERN stack project running live on DigitalOcean cloud servers.

What You Will Learn

  • Discover how to build a MERN stack boilerplate project
  • Learn full-stack deployment to DigitalOcean cloud servers, including MongoDB setup
  • Develop a production-ready authentication system
  • Create a base project for all future React Node full-stack projects
  • Implement a social login system with Google and Facebook

Audience

This course is for JavaScript enthusiasts looking to go full-stack with React Node and MongoDB. Web developers who want to build their own MERN boilerplate project or add a production-ready authentication system to their projects will also find this course useful. If you’re looking to learn how to deploy production-ready apps to DigitalOcean cloud servers, this course is for you.

About The Author

Ryan Dhungel: Narayan Dhungel who creates training videos under the pseudonym 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.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Course Introduction
    1. Introduction
  2. Chapter 2 : Getting Started
    1. Setup client
    2. Setup server
    3. Installing NPM packages
  3. Chapter 3 : Node Js API
    1. Moving routes
    2. Moving to controllers
    3. User model
    4. Applying middlewares
    5. MongoDB Atlas Robo3T and Postman
    6. Connect to mongodb
  4. Chapter 4 : Node Js Signin / Signup / Email Confirmation
    1. Express validator
    2. Signup user
    3. Email confirmation workflow
    4. Signup with sendgrid
    5. Send email on signup
    6. Account activation
    7. Signin user
  5. Chapter 5 : React
    1. Starting with react
    2. Create layout
    3. Using react router dom
  6. Chapter 6 : React Signup / Signin / Activation
    1. Signup page setup
    2. Signup form
    3. Finishing signup
    4. User signin
    5. Activate account
    6. Active nav link
    7. Auth helpers
    8. Authenticate and signout
  7. Chapter 7 : Private / Admin Routing
    1. Private route
    2. Admin route
    3. Redirect based on role
  8. Chapter 8 : User Profile
    1. Read user profile
    2. Protect API endpoint
    3. Update user profile
    4. Admin middleware
    5. Profile update page setup
    6. Errors cleanup
    7. Pre populate profile update and handle JWT expiry
    8. Profile update with toast message
    9. Admin profile update
  9. Chapter 9 : Forgot / Reset Password
    1. Forgot password server
    2. Reset password server
    3. Forgot password client
    4. Reset password client
  10. Chapter 10 : Login with Google
    1. Login with google client
    2. Login with google - server
  11. Chapter 11 : Login with Facebook
    1. Login with facebook client
    2. Login with facebook server
  12. Chapter 12 : Production steps
    1. Getting ready for production
  13. Chapter 13 : Deployment
    1. Github and digital ocean
    2. Deployment part 1
    3. Deployment part 2
    4. Pushing changes and making admin user

Product information

  • Title: MERN Stack Web Development with Ultimate Authentication
  • Author(s): Ryan Dhungel
  • Release date: December 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781800204799