Employee Management System (Frontend)

A frontend-only Employee Management System built with React and Tailwind CSS. This application provides an intuitive interface to manage employee records, allowing users to view, add, edit, and delete employee information.

Features

• Employee List: Displays a list of employees with their basic details.
• Add Employee: Form to add new employee details (e.g., name, role, department, etc.).
• Edit Employee: Ability to update employee information.
• Delete Employee: Option to remove employee records from the system.
• Responsive Design: Fully responsive UI built with Tailwind CSS, optimized for both mobile and desktop views.
• Search Functionality: Search employees by name, department, or role.

Tech Stack

• Frontend: React.js, Tailwind CSS

• UI Libraries: React Router (for navigation), React Hook Form (for handling forms)

• State Management: React State (or Context API/Redux if used)

  Screenshots

• ![Screenshot 1]

• ![Screenshot 2]

• ![Screenshot 3]

• ![Screenshot 4]

• ![Screenshot 5]

Installation

Prerequisites

• Node.js (>= 14.x)
• npm (>= 6.x)

Steps to Set Up

1. Clone the repository

   https://github.com/iamvtyagi/Employee-Management-System.git
   cd Employee-Management-System

2. Install dependencies

   npm install

3. Run the application

   npm run dev
   
   

🖥️ Usage Guide

• Employee Dashboard: The homepage displays a list of employees with their details.
• Add New Employee: Click on the "Add Employee" button to open a form and add new employee details.
• Edit Employee: Click the "Edit" button next to an employee to update their details.
• Delete Employee: Click the "Delete" button next to an employee to remove them from the list.
• Search Employees: Use the search bar to find employees by their name, department, or role.

👨‍💻 Contributing to Employee Management System

1. Fork the repository.
2. Create a branch for your feature (git checkout -b feature/your-feature-name).
3. Commit your changes (git commit -m 'Add new feature').
4. Push the branch (git push origin feature/your-feature-name).
5. Create a Pull Request to propose your changes.

License

This project is licensed under the MIT License – see the LICENSE file for more details.

Contact

• GitHub: iamvtyagi
• LinkedIn: Vansh Tyagi