Node.js + MongoDB: User Authentication & Authorization with JWT

In this tutorial, we’re gonna build a Node.js & MongoDB example that supports User Authentication (Registation, Login) & Authorization with JSONWebToken (JWT). You’ll know:

  • Appropriate Flow for User Signup & User Login with JWT Authentication
  • Node.js Express Architecture with CORS, Authenticaton & Authorization middlewares, Mongoose ODM
  • Way to configure Express routes to work with JWT
  • How to define Mongoose Models for Authentication and Authorization
  • How to use Mongoose to interact with MongoDB Database

Related Posts:
Node.js & MongoDB: JWT Refresh Token example
MERN stack Authentication example
MEAN stack Authentication with Angular 8 example
MEAN stack Authentication with Angular 10 example
MEAN stack Authentication with Angular 11 example
MEAN stack Authentication with Angular 12 example
Node.js, Express & MongoDb: Build a CRUD Rest Api example
MongoDB One-to-Many Relationship tutorial with Mongoose examples
MongoDB Many-to-Many Relationship with Mongoose examples

Deployment: Docker Compose: Node.js Express and MongoDB example

Read More

react-jwt-authentication-feature-image

React JWT Authentication (without Redux) example

In this tutorial, we’re gonna build a React.js JWT Authentication: Login and Registration example with LocalStorage, React Router, Axios and Bootstrap (without Redux). I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for React JWT Authentication (without Redux) with LocalStorage, React Router & Axios
  • Creating React Components with Form Validation
  • React Components for accessing protected Resources (Authorization)
  • Dynamic Navigation Bar in React App

Related Posts:
In-depth Introduction to JWT-JSON Web Token
React.js CRUD example to consume Web API
React File Upload with Axios and Progress Bar to Rest API

Fullstack (JWT Authentication & Authorization example):
React + Spring Boot
React + Node.js Express + MySQL/PostgreSQL
React + Node.js Express + MongoDB

The example using React Hooks:
React Hooks: JWT Authentication (without Redux) example

Or using Redux for state management:
React Redux: JWT Authentication & Authorization example

Typescript version: React Typescript JWT Authentication (without Redux) example

Read More

spring-boot-vue-js-mongodb-crud-example-feature-image

Spring Boot + Vue.js + MongoDB: CRUD example

In this tutorial, we will learn how to build a full stack example with Spring Boot + Vue.js + MongoDB CRUD Application. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data for interacting with MongoDB database. Front-end side is made with Vue, Vue Router & Bootstrap.

Related Post: Spring Boot + Vue.js: Authentication with JWT & Spring Security Example

More Practice: Vue + Spring Boot: File Upload example

Run both Project on same server/port:
How to integrate Vue.js with Spring Boot

Serverless with Firebase:
Vue Firebase Realtime Database: CRUD example
Vue Firestore: Build a CRUD App example

Read More

vue-vuex-jwt-authentication-vue-router-feature-image

Vue.js JWT Authentication with Vuex and Vue Router

In this tutorial, we’re gonna build a Vue.js with Vuex and Vue Router Application that supports JWT Authentication. I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for Vue.js Authentication with Vuex & Vue Router
  • How to define Vuex Authentication module
  • Creating Vue Authentication Components with Vuex Store & VeeValidate
  • Vue Components for accessing protected Resources
  • How to add a dynamic Navigation Bar to Vue App

Let’s explore together.

Typescript version: Vue/Vuex Typescript example: JWT Authentication

Vue 3 version: Vue 3 Authentication with JWT, Vuex, Axios and Vue Router

Related Post:
In-depth Introduction to JWT-JSON Web Token
Vue.js CRUD Application with Vue Router & Axios
Vue File Upload example using Axios

Fullstack:
Spring Boot + Vue.js: Authentication with JWT & Spring Security Example
Node.js Express + Vue.js: JWT Authentication & Authorization example

Read More