Employees Web Demo

The employees web demo application using Angular 8+ Frontent with SpringBoot (Java) Backend.

This is the demo for employees web application that uses the Spring Boot to implement a RESTful backend, and Angular to create a JavaScript-based frontend.

Technology Stack

Component	Technology
Frontend	Angular 8
Backend (REST)	SpringBoot (Java)
Database	MySQL (5.7.29)
Persistence	JPA (Using Spring Data)
Client Build Tools	angular-cli, Webpack, NPM
Server Build Tools	Maven (Java)

Installation Setup

Backend

Configure MySQL properties, i.e. username and password in file below

employees-web-demo/src/main/application.properties

Then execute the following commands to run Spring Boot application.

cd employees-web-demo
mvn spring-boot:run

The app will starting running at http://localhost:8080.

The app explores the following REST CRUD APIs.

GET /employees-demo/api/v1/employees
POST /employees-demo/api/v1/employees
GET /employees-demo/api/v1/employees/{employeeId}
PUT /employees-demo/api/v1/employees/{employeeId}
DELETE /employees-demo/api/v1/employees/{employeeId}

Frontend

Once the Spring Boot application is ready, the front-end application is run using the commands below.

cd employees-web-demo/webapp
npm install
npm install @angular/material @angular/cdk
npm install hammerjs
npm install @angular/flex-layout rxjs-compat

This will start Angular's live development server and also open the browser at http://localhost:4200.

ng serve --open