This repository contains the architecture for the Advanced Human Capital Management (HCM) Platform, designed seamlessly for ADP's enterprise environment. The project is split down the middle between an Angular Frontend (nexus-frontend) and a Spring Boot Backend (hcm-backend), connected securely to a XAMPP MySQL Database.
Before you start, ensure you have the following installed and running on your system:
- Node.js & npm (For the Angular Frontend)
- Angular CLI (Installed globally via
npm install -g @angular/cli) - Java 17 & Maven (For the Spring Boot Backend)
- XAMPP Control Panel (For the MySQL Server Database)
Our backend natively hooks into MySQL via XAMPP.
- Open the XAMPP Control Panel.
- Click Start explicitly next to the MySQL module.
- Note: Spring Boot is configured to auto-create the default database table
adp_hcmif it does not exist.
The API is structured to process all HR-related requests and security parameters.
- Open up a brand new Terminal.
- Navigate into the backend root folder:
cd hcm-backend - Run the application utilizing Maven Wrapper:
# On Windows (PowerShell/CMD): ./mvnw spring-boot:run - The Backend API will start running safely on
http://localhost:8080.
The User Interface consists of dynamic Web Components colored mathematically to match ADP's visual syntax.
- Open a new, separate Terminal.
- Navigate into the frontend root folder:
cd nexus-frontend - Boot the development server and open it instantly in your Default Web Browser:
ng serve -o
- The Angular UI Server will start rendering exclusively on
http://localhost:4200.
If both servers are running simultaneously, you have successfully set up the Full-Stack Developer Environment! Changes made to the Angular HTML/CSS code will trigger auto-refreshes in your browser. Any modified Backend Spring features will require a restart of the ./mvnw spring-boot:run environment to commit compiled code changes.