angular-8-jwt-authentication-feature-image

Angular 8 JWT Auth – Token based Authentication with Web Api example

In this tutorial, we’re gonna build an Angular 8 Token based Authentication with Web Api Application (including HttpInterceptor, Router & Form Validation) that implements JWT Authentication. I will show you:

  • JWT Authentication Flow for User Signup & User Login
  • Project Structure for Angular 8 Authentication with HttpInterceptor, Router
  • How to implement HttpInterceptor
  • Creating Login, Signup Components with Form Validation
  • Angular Components for accessing protected Resources
  • How to add a dynamic Navigation Bar to Angular App
  • Working with Browser Session Storage

It sounds fantastic! Let’s explore together.

Related Post: In-depth Introduction to JWT-JSON Web Token

Newer versions:
Angular 10
Angular 11
Angular 12

Fullstack:
Angular 8 + Spring Boot: JWT Authentication with Spring Security example
Node.js Express + Angular 8: JWT Authentication & Authorization example
MEAN stack Authentication: Login & Registration with Angular 8 example

Read More

Angular 8 + Spring Boot: JWT Authentication with Spring Security example

In this tutorial, I will show you how to build a full stack Angular 8 + Spring Boot JWT Authentication example. The back-end server uses Spring Boot with Spring Security for JWT authentication and Spring Data JPA for interacting with database. The front-end will be built using Angular 8 with HttpInterceptor & Form validation.

Newer versions:
Angular 10 + Spring Boot: JWT Authentication & Authorization example
Angular 11 + Spring Boot: JWT Authentication & Authorization example
Angular 12 + Spring Boot: JWT Authentication & Authorization example

Related Posts:
Angular 8 + Spring Boot + MySQL CRUD example
Angular 8 + Spring Boot + PostgreSQL CRUD example
Angular 8 + Spring Boot + MongoDB CRUD example
Spring Boot, MongoDB: JWT Authentication with Spring Security

Read More

MEAN stack: Login & Registration with Angular 8 example

In this tutorial, we will learn how to build a MEAN stack (MongoDB + Node.js Express + Angular 8) Authentication with Login & Registration example. The back-end server uses Node.js Express with jsonwebtoken for JWT Authentication & Authorization, Mongoose for interacting with MongoDB database. The front-end will be created with Angular 8 using HttpInterceptor and Router. We’ll also perform Form validation on UI.

Newer versions:
MEAN stack: Login & Registration with Angular 10 example
MEAN stack: Login & Registration with Angular 11 example
MEAN stack: Login & Registration with Angular 12 example

Related Post: Angular 8 + Node.js Express + MongoDB example: Build CRUD App

Run both projects in one place:
How to Integrate Angular 8 with Node.js Restful Services

Read More

angular-8-spring-boot-postgresql-crud-example-feature-image

Angular 8 + Spring Boot + PostgreSQL example: a CRUD App

In this tutorial, we will learn how to build a full stack Angular 8 + Spring Boot + PostgreSQL example with a CRUD App. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data JPA for interacting with PostgreSQL database. Front-end side is made with Angular 8, HTTPClient & Router.

Newer versions:
Angular 10 + Spring Boot + PostgreSQL example: CRUD App
Angular 11 + Spring Boot + PostgreSQL example: CRUD App
Angular 12 + Spring Boot + PostgreSQL example: CRUD App

More Practice:
Angular 8 + Spring Boot: JWT Authentication with Spring Security example
Angular 8 + Spring Boot + MySQL example: CRUD App
Angular 8 + Spring Boot + MongoDB example: CRUD App
Angular 8 + Spring Boot: File upload example
Angular 8 + Spring Boot: Pagination example

Serverless:
Angular 8 Firebase CRUD Realtime DB | AngularFireDatabase

Read More

integrate-angular-node-js-restful-services-feature-image

How to Integrate Angular 8 with Node.js Restful Services

In this tutorial, I will show you step by step to integrate Angular 8 project with Node.js Restful Services so that we only need to run both on same Server/Port. You will also know how to configure Angular SPA Routing to avoid 404 on refresh.

Related Posts:
Angular 8 + Node.js Express + MySQL example
Angular 8 + Node.js Express + PostgreSQL example
Angular 8 + Node.js Express + MongoDB example
Node.js Express + Angular 8: JWT Authentication & Authorization example
Angular 8 upload file/image to Node.js Server example

Read More