Spring Boot + Angular 13 + PostgreSQL example: CRUD App

In this tutorial, we will learn how to build a full stack Angular 13 + 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 13, HttpClient, Router and Bootstrap 4.

Other 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
Angular 14 + Spring Boot + PostgreSQL example: CRUD App
Angular 15 + Spring Boot + PostgreSQL example: CRUD App
Angular 16 + Spring Boot + PostgreSQL example: CRUD App

Security: Angular + Spring Boot: JWT Authentication example

Upload: Angular + Spring Boot: File upload example

Pagination: Angular + Spring Boot: Pagination example

Read More

Spring Boot + Angular 13 + MySQL example: Build a CRUD App

In this tutorial, we will learn how to build a full stack Angular 13 + Spring Boot + MySQL 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 MySQL database. Front-end side is made with Angular 13, HTTPClient, Router and Bootstrap 4.

Other versions:
Angular 10 + Spring Boot + MySQL example
Angular 11 + Spring Boot + MySQL example
Angular 12 + Spring Boot + MySQL example
Angular 14 + Spring Boot + MySQL example
Angular 15 + Spring Boot + MySQL example
Angular 16 + Spring Boot + MySQL example

Security: Angular + Spring Boot: JWT Authentication example

Upload: Angular + Spring Boot: File upload example

Pagination: Angular + Spring Boot: Pagination example

Read More

Spring Boot + Angular 13: CRUD example (full stack)

In this tutorial, we will learn how to build a full stack Spring Boot + Angular 13 example with a CRUD Application. The back-end server uses Spring Boot with Spring Web MVC for REST Controller and Spring Data JPA for interacting with embedded database (H2 database). Front-end side is made with Angular 13, HttpClient, Router and Bootstrap 4.

Run both Project on same server/port:
How to Integrate Angular with Spring Boot Rest API

Security: Angular + Spring Boot: JWT Authentication example
Upload: Angular + Spring Boot: File upload/download example
Pagination: Angular + Spring Boot: Pagination example

Newer versions:
Spring Boot + Angular 14: CRUD example
Spring Boot + Angular 15: CRUD example
Spring Boot + Angular 16: CRUD example

Read More

Angular 13 Firebase Storage: Upload/Retrieve/Download/Delete File example

In this tutorial, I will show you how to make Angular 13 with Firebase Storage Application: File Upload, Retrieve, Download, Delete using @angular/fire & AngularFireStorage. Files’ info will be stored in Firebase Realtime Database for Display/Delete operations.

Related Posts:
Angular Firebase CRUD with Realtime Database
Angular Firestore CRUD example
Angular CRUD Application example with Rest API
Angular Form Validation example (Reactive Forms)
Angular File upload example with Rest API

Newer versions:
Angular 14 File Upload with Firebase Storage
Angular 15 File Upload with Firebase Storage
Angular 16 File Upload with Firebase Storage
Angular 17 File Upload with Firebase Storage

Read More