Full Stack + Angular 18 Material + Spring Boot + MySQL

In this Video, We will be building a Full Stack project for employee system in which we'll use Angular 18 as a Frontend and Spring Boot 3 as Backend and MySQL as a Database.
We will first create one database and table on MySQL Database side using XAMPP control panel which is user interface for creating database and tables for MySQL database. Our database will store employee related data in employee table.
On the backend side We are going to create Backend application using Spring Boot and implements all the CRUD functionality using Rest API.
We will also test our Rest API's using Postman and verify results.
On the frontend side we are going to create our angular standalone application using angular 18 and install angular material library for creating material table and use other angular material options.
Next we will create required module,service, component and interface component using ng generate command.
We can create proxy configuration in angular so that our angular application will communicate with backend application which is running on different port.
Next we will add routing logic so that It will navigate to home component.
We will implement all the http methods like get, post, put and delete using HttpClient provider in service component.
We will create angular material table and populate it with columns and data.
We can intgrate our get api data and show returned data on home component html along with action buttons like edit and delete.
Next we will use Material Dailog form to achieve create and edit functionality on the click of submit button.
Similar way we can populate Material Dialog form with data on click of edit button in table and update modified data into MySQL database on click of submit button.
To remove employee from table We will implement delete functionality as a part of CRUD Operations.
Finally we will implement searching (filter), sorting and pagination functionality with the help of angular material library and apply it on table data to confirm these functionalities are working fine as expected.

Full Stack + Angular 18 Material + Spring Boot + MySQL
Full Stack + Angular 18 + Spring Boot + MySQL
Full Stack with Angular 18 Spring Boot & MySQL
Full Stack with Angular 18 and Spring Boot 3
Full Stack Web Development
angular full stack project
Full Stack with Angular 18 standalone and Spring Boot 3
angular 18 standalone with spring boot
Full web application | Spring boot | Angular
Full web application | Spring boot 3| Angular 18
Angular + Spring Boot CRUD Full Stack Application
FULL STACK APPLICATION SPRING BOOT 3 || ANGULAR 18 || MySQL
Full Stack Spring Boot 3 API with Angular 18
Angular 18 + Spring Boot + MySQL
Full Stack Project with Spring Boot, Angular, and MySQL
Full Stack Project with Spring Boot 3, Angular 18, and MySQL
Angular + Spring Boot + MySQL CRUD Tutorial
Full Stack + Angular + Spring Boot + MySQL
Full Stack + Angular 18 + Spring Boot 3 + MySQL
Angular + Spring Boot + MySQL
Angular + Spring Boot
Full Stack + Angular + Spring Boot + MySQL CRUD Tutorial
Angular projects for beginners
Angular projects with Visual Studio code tutorial
full stack web development course

Timecodes
0:00 | Introduction
8:42 | MySQL Database
12:06 | spring boot project
15:34 | mysql spring boot
19:03 | spring boot packages
19:45 | entity in spring boot
22:10 | springboot repository
22:55 | rest get
28:08 | rest get by Id
29:09 | rest api post
31:18 | rest api put
35:48 | rest api delete
39:30 | postman api testing
43:46 | create an angular project
47:55 | angular material
49:07 | proxy configuration in Angular
53:03 | angular generate component
55:54 | angular routing
58:27 | angular home component
1:08:20 | table mat table
1:14:05 | angular http get example
1:21:40 | angular filter
1:28:26 | mat sort
1:32:20 | paginator | pagination
1:35:15 | css style table
1:36:52 | Angular Material Dialog
1:56:40 | angular http put | angular http post
2:06:15 | action button | edit delete action button
2:11:25 | angular http delete

#angular #fullstack #springboot #angular18 #mysql #codefortechsolutions

[devadharsank]

Create more project using react and spring boot