A Spring Boot and React.js full-stack web application for managing employee data. It allows users to add, view, update and delete employee records. The app features a responsive frontend, RESTful backend, and an H2 in-memory database for development and testing.
- Add new employee records
- View all employees dynamically
- Update employee information
- Delete employee record
- Sample data preloaded via H2 on startup
- Technologies Used
- Prerequisites
- Installation
- Running the Application
- Project Structure
- Endpoints
- Database Initialization
- License
Component | Technology |
---|---|
Frontend | React.js, CSS, HTML |
Backend | Java 21, Spring Boot |
Database | H2 (In-Memory) |
Build Tool | Maven |
API Format | RESTful |
- Java 21+
- Maven 3.8+
- Node.js and npm (for frontend)
- Git (optional)
git clone <repository-url>
cd Employee-Management-System
cd ems-backend
mvn clean install
cd ../ems-frontend
npm install
cd ems-backend
mvn spring-boot:run
Visit H2 Console: http://localhost:8080/h2-console
cd ems-frontend
npm start
App URL: http://localhost:5173
Employee-Management-System/
├── ems-frontend/ # React.js frontend
├── ems-backend/ # Spring Boot backend
└── README.md # Documentation
-
GET /api/employees → List all employees
-
POST /api/employees → Add a new employee
-
PUT /api/employees/{id} → Update employee by ID
-
DELETE /api/employees/{id} → Delete employee by ID
- The backend uses H2 in-memory database. Sample records are auto-loaded via data.sql.
- Schema creation via Spring JPA
- Access console at: http://localhost:8080/h2-console
- This project is released under the MIT License.