Employee Management System

A modern full-stack solution for efficient employee data management with real-time CRUD operations and responsive design.

View on GitHub See Demo

Powerful Features

Everything you need for efficient employee management

Employee Dashboard

Comprehensive view of all employees with advanced pagination and search functionality for quick access to information.

CRUD Operations

Full Create, Read, Update, and Delete functionality with robust form validation to ensure data integrity.

Responsive Design

Optimized for all devices from desktop to mobile, ensuring accessibility wherever you need it.

Technology Stack

Modern technologies powering the application

Backend

  • Spring Boot (Java) - Robust backend framework
  • Spring Data JPA - Simplified database operations
  • MySQL - Relational database management
  • Maven - Dependency management

Frontend

  • React (Vite) - Modern frontend framework
  • Bootstrap - Responsive UI components
  • Axios - HTTP client for API communication

Deployment & DevOps

CI/CD

GitHub Actions for automated workflows

Containerization

Docker for consistent environments

Hosting

Frontend: Netlify
Backend: Render
Database: Railway

Application Screenshots

See the system in action

Dashboard

Employee Dashboard

Add Employee

Add New Employee

Update Employee

Update Employee

Live Demo

Experience the Employee Management System right now

Launch Demo

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

Installation Guide

Get started with local development

Prerequisites

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

Backend Setup

Clone Repository
git clone https://github.com/Kvr-10/Employee-Management-System.git
cd Employee-Management-System/backend
Configure Environment
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
Run Backend
mvn clean install
mvn spring-boot:run

Frontend Setup

Navigate to Frontend
cd ../frontend
Create Environment File
echo "VITE_API_BASE_URL=http://localhost:8080" > .env
Install Dependencies
npm install
Run Development Server
npm run dev
Note: Make sure your backend server is running on port 8080 before starting the frontend.

API Documentation

Complete REST API endpoints for integration

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

Get In Touch

Have questions or want to collaborate?

Chaman Sinha

Full-Stack Developer

chamansinha9480@gmail.com View Portfolio GitHub Profile