loizenai | Mobile & Web Programming Tutorials

Angular 11 Spring Boot PostgreSQL CRUD Example

Tutorial: “Angular 11 Spring Boot PostgreSQL CRUD Example”

In the tutorial, I introduce how to create an “SpringBoot Angular Postgresql CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular Client, SpringBoot RestAPIs, and Postgresql database.
– Implement Angular CRUD Client with Angular built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from Postgresql using Spring Data JPA and returns back data as Json format to requested Angular Client.

You can check out the complete code of the application on this github repository.

Continue reading “Angular 11 Spring Boot PostgreSQL CRUD Example”

Angular 11 SpringBoot CRUD MySQL Example

In the tutorial, I introduce how to create an “SpringBoot Angular 11 MySQL CRUD Example” with POST/GET/PUT/DELETE requests to SpringBoot RestAPIs.

– Design overview system by Architecture Diagram that includes: Angular Client, SpringBoot RestAPIs, and MySQL database.
– Implement Angular CRUD Client with Angular built-in HttpClient to communicate with server side.
– Implement SpringBoot RestAPIs that gets data from MySQL using Spring Data JPA and returns back data as Json format to requested Angular Client.

You can check out the complete code of the application on this github repository.

Continue reading “Angular 11 SpringBoot CRUD MySQL Example”

@angular/fire/storage Angular 11 Upload files to Firebase

Tutorial: @angular/fire/storage – Angular 11 Upload/Display/Delete files to/from Firebase Storage using @angular/fire

Sourcecode at GitHub: Angular Upload Files to Firebase Storage

In this tutorial, ozenero.com shows you way to upload, get, delete Files to/from Firebase Storage in a simple Angular 11 App using @angular/fire. Files’ info will be stored in Firebase Realtime Database.

Continue reading “@angular/fire/storage Angular 11 Upload files to Firebase”

Vuejs SpringBoot MariaDB Crud Example [Fullstack]

Tutorial: Vue.js SpringBoot CRUD MariaDB Example | Spring Data JPA + REST + MariaDB CRUD

In this Vue.js SpringBoot tutorial, we show you Vue.js Http Client & Spring Boot Server example that uses Spring JPA to do CRUD with MariaDB and Vue.js as a front-end technology to make request and receive response.

Continue reading “Vuejs SpringBoot MariaDB Crud Example [Fullstack]”

Angular 11 SpringBoot JWT Authentication Example

Tutorial: Angular 11 SpringBoot JWT Authentication Example with Angular 11 + MySQl/PostgreSQL + Spring Security

In tutorial ‘Angular 11 Spring Boot JWT Token Based Authentication Example’, I guide you very clearly how to implement full stack example to demonistrade an jwt token based authentication flow from frontend Angular 11 to backend: SpringBoot and MySQL.

* Technology Stack: Angular11, SpringBoot, Jwt, SpringBoot, MySQL, PostgreSQL, Spring Security, Spring JPA

– I give you an Epic of the application, a fullstack excutive flow from frontend Angular 11 to backend jwt SpringBoot Security to database (MySQL/PostgreSQL) with overall architecture diagram.
– I give you a layer diagram of Angular 11 Jwt Authentication application with localStorage and Angular HttpClient (plus Interceptor)
– I guide you detail-steps how to implement a security SpringBoot Jwt Token Authentication.
– I guide you step by step how to develop a Angular 11 Jwt Authentication application.
– Finally, I do an integrative testing from Angular 11 to Jwt Based Token SpringBoot Security RestApis.

Continue reading “Angular 11 SpringBoot JWT Authentication Example”