Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a comprehensive Human Resource Management System (HRMS) designed specifically for a labor-based manufacturing industry. The application will facilitate office staff and management in managing employee attendance, onboarding, timesheets, leave management, and payroll, integrating both biometric and manual entry methods for attendance tracking.

## CORE FEATURES
1. **User Management**: Admins can create, edit, and manage user accounts for office staff and management, ensuring proper access levels and roles.
2. **Biometric Attendance Integration**: Seamless integration with ESSL biometric machines to capture attendance automatically, along with the option for manual entry when needed.
3. **Timesheet Management**: Staff can input and manage their work hours, which are essential for payroll processing.
4. **Leave Management**: Employees can request leave, and managers can approve or deny requests, with an overview of leave balances.
5. **Payroll Processing**: Automated calculations for payroll based on timesheet data and leave records, generating payslips for employees.
6. **Reporting**: Detailed weekly, monthly, and yearly reports for attendance, leave, and payroll to help management analyze workforce metrics.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The application will use a straightforward layout, featuring a sidebar for navigation and a main content area for displaying forms, reports, and data.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit or Context API (as necessary for managing application state)

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary state management libraries (e.g., Redux Toolkit).
3. **Design Layout**: Create a main layout with a sidebar for navigation and a header for branding.
4. **Develop Core Features**:
   - Implement User Management with forms for adding/editing users.
   - Integrate ESSL biometric attendance, ensuring fallback for manual entry.
   - Build Timesheet Management interface for staff to input hours.
   - Create Leave Management system for request submissions.
   - Set up Payroll Processing functionality that pulls data from timesheets.
   - Develop Reporting module to generate and display reports.
5. **Test Functionality**: Ensure all features work as expected, focusing on user flows and edge cases.
6. **Deploy Application**: Choose a hosting solution (like Vercel or Netlify) for deployment.

## USER EXPERIENCE
The application will allow users to navigate through the sidebar for quick access to all functionalities. Each core feature will have intuitive forms and dashboards, providing a seamless experience for managing HR tasks. Users will receive notifications for leave requests and payroll updates, ensuring they stay informed on relevant activities. The design will prioritize responsive layouts, ensuring usability across devices.