Emplyfi is a full-stack Employee Management System that lets you manage employee records in a simple and clean interface. It's built using Spring Boot, React, and Bootstrap. You can add, update, delete, and view employee details from a responsive web app.
- π» Frontend: React.js + Bootstrap 5
- π Backend: Spring Boot (Spring Web, Spring Data JPA)
- ποΈ Database: MySQL
- π§ͺ Tools: Postman, IntelliJ IDEA, VS Code
- β Add new employee
- π Edit employee details
- β Delete employee
- π View all employee records in a table
- π Search by name or department
- π± Mobile responsive design
- Node.js & npm
- Java 17+
- MySQL installed and running
- Navigate to the backend folder:
cd emplyfi/backend
-
Open the project in Ecclipse,IntelliJ or your preferred IDE.
-
Update your database details in
src/main/resources/application.properties
:
spring.datasource.url=jdbc:mysql://localhost:3306/yourdatabase
spring.datasource.username=yourusername
spring.datasource.password=yourpassword
spring.jpa.hibernate.ddl-auto=update
- Run the backend:
./mvnw spring-boot:run
- Navigate to the frontend folder:
cd ../frontend
- Install dependencies:
npm install
- Start the frontend:
npm start
React app runs on:
http://localhost:3000
Spring Boot backend runs on:http://localhost:8080
emplyfi/
βββ backend/ # Spring Boot backend
β βββ src/
β βββ main/java/com/emplyfi
βββ frontend/ # React frontend
β βββ src/
β βββ components/
β βββ pages/
- π Add login system (JWT-based)
- π₯ Role-based access (Admin/User)
- π Export employee data (CSV, PDF)
- π Pagination and filtering
- π Dashboard with charts
If you'd like to improve something or add a new feature, feel free to fork the repo, make changes, and submit a pull request!