Employee Management System

Welcome to the Employee Management System project! This repository contains the client-side code for managing employees effectively. Below, you can find the essential details and features of this project.

Admin Credentials

Role	Email	Password
Admin	abdullah1234@gmail.com	asdfAa
HR	abdullah@gmail.com	asdfAa
Employee	arif@gmail.com	asdfAa

• Email:
• Password: asdfAa

Live Site URL

Visit Live Website

Features

1. Employee Records Management:

   • Add, update, and delete employee information easily.

2. Role-based Authentication:

   • Secure access for ADMIN , HR AND EMPLOYEE.

3. Hr Show Employee Details:

   • Visualize data using charts powered by Recharts.

4. Responsive Design:

   • All display interface with Tailwind CSS and DaisyUI.

5. Real-time Updates:

   • Powered by Firebase for instant updates.

6. Advanced Search & Filter:

   • Utilize match-sorter for quick employee lookups.

7. Secure Payments:

   • Integrated with Stripe for processing transactions.

8. Modern Calendar Integration:

   • Manage events and appointments with React Datepicker.

9. Notifications:

   • Display alerts and updates with SweetAlert2 and React Hot Toast.

10. Optimized Performance:

    • Built with React and optimized using Vite for fast load times.

11. Data Fetching with TanStack Query:

    • Efficient and easy server-state management using React Query.

Technologies Used

• Frontend: React, React Router, Tailwind CSS, DaisyUI
• State Management: React Query
• Database: Firebase
• Payments: Stripe
• Tooling: ESLint, Vite

---

Installation Instructions

1. Clone the repository:

   git clone https://github.com/Programming-Hero-Web-Course4/b10a12-client-side-abdullah107189.git

2. Navigate to the project directory:

   cd employee-management-client-side

3. Install dependencies:

   npm install

4. Run the development server:

   npm run dev

5. Build for production:

   npm run build

6. Preview production build:

   npm run preview

---

Feel free to explore, contribute, and provide feedback to make this project even better!