Full Stack Spring Boot RESTful API with MySQL and Angular | RxJs State Management

In this tutorial, you will learn and understand how to create a Spring Boot back-end API that will connect to a MySQL database server. Then create an Agular application to interact with the API using HTTP. You will also learn some basics of RxJs and application state management.

Join the Facebook Community:

Follow on:

Source Code:

Intro 0:00
Application Domain 5:32
Domain Repository 13:01
Application Service 17:57
Service Implementation - Part 1 22:51
Service Implementation - Part 2 28:36
Service Implementation - Part 3 32:57
Mapping HTTP Response 36:15
HTTP Resource - Part 1 40:09
HTTP Resource - Part 2 44:27
HTTP Resource - Part 3 49:27
Testing HTTP Endpoints 59:33
Front End Intro 1:07:10
Application State - Part 1 1:12:31
Application State - Part 2 1:16:57
Server Service - Part 1 1:19:17
Server Service - Part 2 1:27:17
Server Service - Part 3 1:32:48
Service Injection 1:43:02
Showing States 1:52:29
Switching States 1:57:50
Dynamic UI Logic 2:06:28
Filter Servers Function 2:14:30
Show Error Message 2:18:57
Pinging Servers - Part 1 2:23:31
Pinging Servers - Part 2 2:36:00
Filtering Servers 2:38:32
Saving Servers - Part 1 2:44:24
Saving Servers - Part 2 2:51:33
Deleting Servers 3:03:15
Printing Report 3:09:24
Notification Module 3:18:11
Notification Setup 3:25:17
Notification Service 3:27:50
Improve Performance 3:35:34

[potatosheep]

Can't wait for the complex project you're talking about ☺️

[jaysizmir]

Should i tell my friends about this youtube channel or should i kept it as my little secret :D, Good job, thank you for all

[prashanttiwari]

Thanks man for bringing springboot + angulat project

[josbexerr]

Gracias Mister Arrays.... saludos de los andes peruanos

[nicolasgandrade]

Perfect, bro! Exactly what I was looking for. Thanks :)

[koripremkumar]

Waiting for full stack react tutorial 🔥

[chtulur]

Hey! I have been following this video for weeks now to learn more about fullstack development and this is the best video so far I have found. Thank you for the effort. I also have never tried to make use of rxjs like you do and that forced me to learn more. It's quite a mind bender to be honest.
I have one observation to make if you don't mind. In app.components.ts, line 106-123, deleteServer method, wouldn't it be slightly 'better' to pass in the server, id from the html directly?

deleteServer(id: number): void {

//and then filter could look like this:
filter(server => server, id !== id)
}

(I'm using, instead of . otherwise youtube thinks it's a hyperlink...)
I just personally like this better.

[chtulurr]

I'm learning a lot from this, amazing video. I'm not fond of the server side filtering though

[just_dev_v]

Thanks for the project! Please tell me, how do I set up my Intellij Idea as yours? I mean sidebar and file editor

[teckinfo]

hello sir thanks for this tuto, there some video that are not loaded in your website please check that and upload it agian.
thanks for sharing

[vianeyvargas]

Saludos, pro favor haz una serie de vídeos Spring Boot con Flutter Flutter Bloc versión 8+

[jr]

1:09:38 Reactive front-end explanation

[Ramafir]

could someone please write how a method for editing servers should look like in angular. and how to use it to edit server IP etc.

[centurionth]

Hi, thank you for excellent course but I discovered an error type:

Error: - error TS2339: Property 'files' does not exist on type 'EventTarget'.

607 (change)="onProfileImageChange($event.target?.files[0].name, $event.target?.files[0]); onUpdateProfileImage()"

I tried several researchs about that error, no solved / fixed that. Can you help me? Thanks in advance

[FranciscoJavierRincon]

Why entities doesn't use @table and @column annotations it's not necessary and when you use @OneToMany Fetch how implement this in a entity repo?

[atalibcodinglevel]

Please any Spring boot & Angular Authentication with Okta

[valentinpopescu]

Why does it let you access localhost:4200 if you didn't run ng serve? What am I missing?

[gfunkydota]

all i get is errors after errors when you skipped the HTML part. So i downloaded from your git folder and tried to run it but it does not work

[aadiraj]

Sir can you tell us verbally, how to handle those SpringBoot backEnd errors in Angular frontEnd side for our end users? You skipped those!😑 Kindly write it & give us some idea, we'll try to implement.

[nouhabelhajyoussef]

Thank you so much for this amazing tutorial.
I can't import ServletUriComponentsBuilder in 34:40 can you help me? And thanks in advance.