This is a full stack application built using Angular 13, Angular Material, Java 17, Spring Boot, and MySQL database. It allows users to manage employee details including creating new employees, reading employee information, updating employee details, and deleting employee records.
Before running this application, make sure you have the following installed:
- Node.js
- Angular CLI
- Java Development Kit (JDK)
- MySQL database
- Clone the repository:
git clone https://github.com/SuyashMisra/Angular-13-Spring-Boot-CRUD-App.git
- Change into the project directory:
cd Employee-Management
- Install the dependencies for both frontend and backend:
# Install frontend dependencies
cd '.\Angular Frontend'
npm install
# Install backend dependencies
cd .\springboot-backend
./mvnw install
- Configure the database connection in
springboot-backend/src/main/resources/application.properties
file:
spring.datasource.url=jdbc:mysql://localhost:3306/employee_management_system?useSSL=false&serverTimezone=UTC&allowPublicKeyRetrieval=true
spring.datasource.username=root
spring.datasource.password=password
Make sure to replace root
with your MySQL username and password
with your MySQL password.
-
Create a new database named
employee_management_system
in your MySQL server. -
Run the backend server:
cd ../springboot-backend/
./mvnw spring-boot:run
- Run the frontend development server:
cd '../Angular Frontend/'
ng serve --open
This will open the application in your default browser at http://localhost:4200
.
Once the application is running, you can perform various operations on employee records using the provided user interface.
To create a new employee record:
- Click on "Create Employee" button.
- Fill in the employee details in the form.
- Click on "Submit" button to create the employee.
To view all employees:
- Click on "Employee List" button.
- A table will be displayed showing all existing employees.
To update an employee's details:
- Click on "Employee List" button.
- Find the employee you want to update in the table.
- Click on the update option in the dropdown menu next to the employee's record.
- Update the employee details in the form.
- Click on "Submit" button to update the employee.
To delete an employee's record:
- Click on "Employee List" button.
- Find the employee you want to delete in the table.
- Click on the delete option in the dropdown menu next to the employee's record.
- Confirm the deletion when prompted.
Contributions are welcome! If you find any issues or have suggestions for improvement, please create a new issue or submit a pull request.
This project is licensed under the MIT License.