Workwave Front End
Built with React and Tailwind CSS, this system streamlines workflow for different roles: Employees manage tasks and payroll. HR monitors employees and payroll. Admin oversees the entire platform. The front-end connects with the backend to handle tasks, payments, and authentication efficiently.
WorkWave
Employee Management - Front-End
Description
This is the front-end of the Employee Management system, built using React and Tailwind CSS. The application allows employees to manage their tasks and payroll, HR to monitor employees, and Admin to oversee the entire platform. The front-end interacts with the backend to display dynamic data, such as employee tasks, payments, and user authentication.
Live Demo
Features
- Responsive Design: Mobile, tablet, and desktop views.
- Authentication: Login and registration with email/password and social login (Google).
- Role-based Access: Employees, HR, and Admin have different access privileges.
- Work Management: Employees can log tasks and hours worked.
- Payment History: Employees can view their payment history.
- Employee Management: HR can view, verify, and pay employees.
- Admin Dashboard: Admin can manage employees, salaries, and payroll.
Technologies Used
- React
- Tailwind CSS
- React Router
- TanStack Query
- Firebase Authentication
- React DatePicker
- SweetAlert/Toast for notifications
- Environment Variables (for Firebase and other keys)
Admin Login Credentials
Admin Email:
[email protected]
Admin Password:
Admin11
Installation
Prerequisites
- Node.js (version >= 16.0.0)
- NPM
