# Employee Management System 📈

👉 Live Demo 👈

📌 About The Project

A modern and efficient employee management application built with React and Tailwind CSS. Users can manage employee data with an intuitive interface, featuring real-time updates and data validation.

✨ Key Features

• 👤 Add new employees with name and salary
• 💰 Minimum wage validation
• 🗑️ Easy employee removal
• ⚠️ Error handling with custom modal
• 📱 Fully responsive design
• 🎨 Clean and modern UI
• 🔄 Real-time list updates

🛠️ Built With

• React
• Tailwind CSS
• Modern JavaScript (ES6+)

🚀 Getting Started

# Clone the repository
git clone https://github.com/caneryesiltas/employee-management.git

# Navigate to project directory
cd employee-management

# Install dependencies
npm install

# Start the development server
npm start

💻 Project Structure

src/
├── components/
│   ├── Workers/
│   │   ├── AddWorker.jsx    # New employee form
│   │   └── WorkerList.jsx   # Employee list display
│   └── UI/
│       ├── Button.jsx       # Reusable button
│       ├── Card.jsx         # Wrapper component
│       └── ErrorModal.jsx   # Error handling modal
├── styles/
│   └── App.css
└── App.js                   # Main application logic

🔍 Core Functionality

AddWorker Component

• Input Validation: Smart validation for name and salary
• Wage Requirements: Enforces minimum wage rules
• Error Prevention: Prevents invalid data submission

WorkerList Component

• Real-time Updates: Instant list refresh on changes
• Easy Deletion: One-click employee removal
• Clean Display: Organized presentation of employee data

ErrorModal Component

• Custom Alerts: User-friendly error messages
• Backdrop Effect: Professional modal presentation
• Responsive Design: Works on all screen sizes

🎯 Component Details

UI Components

• Card: Reusable wrapper for consistent styling
• Button: Customized button with Tailwind classes
• ErrorModal: Professional error handling display

📱 Responsive Design

• Mobile-first approach
• Fluid layouts with Tailwind
• Optimized for all devices
• Touch-friendly interface

🤝 Contributing

Contributions make the open source community an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

📄 License

Distributed under the MIT License. See LICENSE for more information.

📫 Contact

Caner Yesiltas - [email protected]

Project Link: https://employee-management-system-three-jade.vercel.app/

---

Made with 📈 by Caner Yesiltas