Skip to content

This is a Full-Stack Employee Management System built using Spring Boot and React. The backend is developed with Spring Boot, JPA, and MySQL, providing a REST API for employee management. The frontend is built using React (Vite) with Bootstrap for UI styling. Link to Website: https://kvr-10.github.io/Employee-Management-System

Notifications You must be signed in to change notification settings

Kvr-10/Employee-Management-System

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Employee Management System

A full-stack web application for managing employee data efficiently with Spring Boot backend and React frontend.

Features

  • Employee Dashboard: View all employees with pagination and search functionality
  • CRUD Operations:
    • Add new employee records with validation
    • Edit existing employee details
    • Remove employees from the system
  • Responsive Design: Works on desktop and mobile devices
  • REST API: Complete CRUD operations via REST endpoints
  • Database Integration: MySQL with JPA for data persistence

Technologies Used

Backend

  • Spring Boot (Java)
  • Spring Data JPA
  • MySQL
  • Maven

Frontend

  • React (Vite)
  • Bootstrap
  • Axios

DevOps & Deployment

  • CI/CD: GitHub Actions
  • Containerization: Docker
  • Hosting & Deployment:
    • Render (Backend Hosting)
    • Railway (Database Hosting)
    • Netlify (Frontend Hosting)

Live Demo

View Live Application

Note: The backend service on Render may take ~50 seconds to respond on first request due to cold start.

Screenshots

Dashboard Add Employee Update Employee

Installation

Prerequisites

  • Java JDK 17+
  • Node.js 16+
  • MySQL 8+
  • Maven
  • npm

Backend Setup

Clone the repository:

git clone https://github.com/Kvr-10/Employee-Management-System.git
cd Employee-Management-System/backend

Configure environment variables:

# Create .env file
echo "DATASOURCE_URL=jdbc:mysql://your-database-url" >> .env
echo "DATASOURCE_USER=your-username" >> .env
echo "DATASOURCE_PASSWORD=your-password" >> .env
echo "FRONTEND_URL=your-frontend-url" >> .env

Build and Run

mvn clean install
mvn spring-boot:run

Frontend Setup

Navigate to frontend directory:

cd ../frontend

Install dependencies and run:

npm install
npm run dev

Deployment

Component Service
Frontend Netlify
Backend Render
Database Railway

API Endpoints

Method Endpoint Description
GET /api/employees Get all employees
POST /api/employees Create new employee
GET /api/employees/{id} Get employee by ID
PUT /api/employees/{id} Update employee
DELETE /api/employees/{id} Delete employee

Contact

About

This is a Full-Stack Employee Management System built using Spring Boot and React. The backend is developed with Spring Boot, JPA, and MySQL, providing a REST API for employee management. The frontend is built using React (Vite) with Bootstrap for UI styling. Link to Website: https://kvr-10.github.io/Employee-Management-System

Topics

Resources

Stars

Watchers

Forks