Employee Directory

A modern, responsive employee directory application built with React and Vite. This application allows users to view, search, and manage employee information in an intuitive interface.

🚀 Features

• Employee Listing: View all employees in a clean, organized layout
• Search Functionality: Search employees by name, department, or position
• Responsive Design: Works seamlessly on desktop, tablet, and mobile devices
• Fast Performance: Built with Vite for lightning-fast development and build times

📦 Installation

1. Clone the repository

   git clone https://github.com/akaash1024/empDirectory.git
   cd empDirectory

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser Navigate to http://localhost:5173 to view the application

📁 Project Structure

empDirectory/
├── public/
│   └── vite.svg
├── src/
│   ├── components/
│   │   ├── EmployeeCard/
│   │   ├── EmployeeList/
│   │   ├── SearchBar/
│   │   └── Header/
│   ├── data/
│   │   └── employees.js
│   ├── index.css
│   ├── App.jsx
│   └── main.jsx
├── index.html
├── package.json
├── vite.config.js
└── README.md

🎯 Usage

1. Viewing Employees: The main page displays all employees in a card-based layout
2. Searching: Use the search bar to find specific employees by name, department, or position
3. Sorting: Click on column headers to sort employees by different criteria
4. Filtering: Use filter options to narrow down the employee list

📸 Screenshots

📸 Screenshots

Desktop View - Employee Grid

Employee Details View

Mobile Responsive Design

---

Feel free to suggest improvements or report issues in this project. Thank you for reviewing!