Angular + Spring Boot + MySQL CRUD Tutorial - Part #5 - Running Angular CRUD App

Author:
In the previous four parts, we have developed a complete step-by-step Angular 10 CRUD application with Spring boot as a back end.

Use the below links to visit different parts of this tutorial:
  1. Spring Boot + Angular 10 CRUD Example Tutorial - Main Tutorial
  2. Spring Boot + Angular 10 CRUD Full Stack - Part 1 - Develop Spring Boot CRUD Rest APIs
  3. Spring Boot + Angular 10 CRUD Full Stack - Part 2 - Create an Angular 10 App
  4. Spring Boot + Angular 10 CRUD Full Stack - Part 3 - Develop Angular 10 CRUD Operations
  5. Spring Boot + Angular 10 CRUD Full Stack - Part 4 - Angular 10 CRUD App Configuration
  6. Spring Boot 2 + Angular 10 CRUD Full Stack - Part 5 - Running Angular 10 CRUD App
In this final Part 5 of Spring Boot + Angular 10 CRUD Example Tutorial, we will run an Angular 10 CRUD App.

Running Angular Client Application

Let's run our Angular App with the below command:
ng serve
By default, the Angular app runs on the 4200 port but you can change the default port with the following command:
ng serve --port 4201

Demo


Hit the http://localhost:4200 link in a browser that will host this Angular 10 CRUD app.

Below are the screenshots showing UI of our Employee Management System App:

Employee List Page


Add Employee Page


Update Employee Page


View Employee Details Page



 This completed the complete development of the Angular CRUD application with spring boot as a back end.

Source Code on my GitHub repository

Download source code of this tutorial from my GitHub repository at https://github.com/RameshMF/Angular10-SpringBoot-CRUD-Tutorial
Leave a comment if you have any suggestions about this awesome tutorial.

Free Spring Boot Tutorial | Full In-depth Course | Learn Spring Boot in 10 Hours

Watch this course on YouTube at Spring Boot Tutorial | Fee 10 Hours Full Course