A full-stack Employee Management System built with Angular and Spring Boot, designed to streamline the process of managing employees, roles, and departments in a modern web interface.
- 🔐 Secure login for admins
- ➕ Add, edit, and delete employees
- 🧾 View employee details in a modern table
- 🔍 Search and sort employee records
- 🏢 Department and role management (optional extension)
- 📦 RESTful API with Spring Boot
- 💾 Persistent data storage with SQL database
- Angular 17+
- Tailwind CSS (optional, for styling)
- Angular Router, Services, HttpClient
- Spring Boot
- REST API with layered architecture (Controller, Service, Repository)
- Spring Data JPA
- Flyway (for schema migrations, optional)
- PostgreSQL*
src/
├── app/
│ ├── core/ # Services, guards, interceptors
│ ├── shared/ # Reusable components (e.g., table, modals)
│ ├── features/
│ │ └── employees/ # Components + pages for employees
│ └── app-routing.module.ts
src/
├── main/
│ ├── java/com/example/employees/
│ │ ├── controller/
│ │ ├── service/
│ │ ├── repository/
│ │ └── model/
│ └── resources/
│ ├── application.properties
│ └── db/migration/ # Flyway scripts (optional)
# Clone the repo
git clone https://github.com/fanyicharllson/Employee-Management-App-in-Angular.git
cd backend_spring_boot
# Update DB config in src/main/resources/application.properties
# Run the backend
./mvnw spring-boot:run
cd frontend_angular
# Install dependencies
npm install
# Run the frontend
ng serve
Then open http://localhost:4200
in your browser.
PRs and suggestions are welcome! If you'd like to contribute, fork the repo and submit a pull request.
MIT License © A Product of CharlseEmpire Tech
Fanyi Charllson Fanyi Builder & CTO-Minded Software Architect CharlseEmpire Tech