Mern Stack Authentication And Deployment

Learn how to build a basic authentication application for full stack development.

What you'll learn

Handling Authentication With JSON Web Token

Working with Unit Tests

Connecting to MongoDB and Handling Errors

Configuring a Redux Store

Configuring Tailwind CSS with ReactJS

Build api routes with express to handle interaction with a mern app

Validate request body payloads for api routes

Work with reducers and actions to manage component state in a mern application

Configure user authentication with react

Use json web token authentication in an mern application

Create and use middleware in a mern application

Requirements

Basic knowledge of MERN Stack

Description

The MERN (Mongo, Express, React, and Node) stack is an excellent choice for building powerful and flexible data-driven web applications. In this 20-video course, leaners will discover how to employ different technologies that make up the MERN stack to build a basic authentication application for full stack development. Begin by examining key considerations to observe when planning a MERN app, then create a MongoDB Atlas account and a working cluster for a MERN app. Connect to MongoDB Atlas and explore how to handle errors. Learn how to build data models for a MERN app by using MongoDB and Mongoose, validate request body payloads, and configure JWT (JSON Web Token) authentication. Next, you will learn how to create and use middleware, and create unit tests by using the Jest unit testing framework. Examine how to configure React and Redux and use type checking with PropTypes, and how to manage state by using reducers and actions. The course concludes with a demonstration of deploying a MERN application to Heroku cloud-based platform as a service.Mastering the MERN stack opens up a world of possibilities for developers to create modern, scalable, and efficient web applications. MongoDB, Express, React, and Node.js work harmoniously together to enable seamless data management, robust backend logic, captivating user interfaces, and high-performance server-side operations. By harnessing the power of the MERN stack, developers can unleash their creativity and build cutting-edge web applications that cater to the demands of today's digital landscape.Whether you are a seasoned developer or just starting your web development journey, embracing the MERN stack can be a game-changer. Dive into the world of MongoDB, Express, React, and Node.js, and embark on a journey of building modern web applications that will leave a lasting impact.

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Preparing the Back End

Lecture 2 Preparing the Backend Dependencies

Lecture 3 Creating-our-express-app-(server.js)

Lecture 4 Creating a MongoDB Atlas Account

Lecture 5 Connecting to MongoDB and Handling Errors

Lecture 6 Building Data Models

Lecture 7 Building API Routes with Express Router

Lecture 8 Validating Request Body

Section 3: Implementing JWT Authentication & Authorization

Lecture 9 Configuring JWT Authentication

Lecture 10 Creating and Using Middleware

Lecture 11 Working with Unit Tests

Section 4: Preparing the Front End

Lecture 12 Preparing Front-end Dependencies

Lecture 13 Building Home Page and Nav Components

Lecture 14 Configuring React Router 6

Lecture 15 Configuring Registration and Login Forms

Section 5: Preparing Redux Store

Lecture 16 Configuring a Redux Store

Lecture 17 Working with Reducers and Actions

Lecture 18 Configuring React User Authentication

Section 6: Styling our app using Tailwind CSS

Lecture 19 Configuring Tailwind CSS with ReactJS

Lecture 20 Styling Home and Navbar

Lecture 21 Styling Register and Login

Section 7: Preparing Deployment

Lecture 22 Deploying an Application to Cloud

Beginner MERN Stack Developers