Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for employee leave management specifically for HR use in Saudi Arabia. The app will streamline the processes of managing leave balances, tracking leave requests, and handling approvals, while automating leave accrual calculations based on employee hire dates.

## CORE FEATURES
- **Employee Leave Balance**: Displays each employee's total accrued leave, used leave days, and remaining leave balance.
- **Leave Requests**: Allows HR to input leave requests including leave type, start date, end date, and reason, with automatic calculation of requested leave days.
- **Approval Workflow**: Facilitates the approval process with statuses of pending, approved, and rejected for leave requests.
- **Leave Accrual Calculation**: Automatically calculates leave entitlement based on the employee's hire date and service duration, switching from 21 to 30 days after 5 years of service.
- **Employee Management**: Enables the addition of employee details such as name, ID, department, job title, and hire date.
- **HR Dashboard**: Provides a comprehensive view for HR to monitor leave balances and requests.

## 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 feature a clear, structured layout with a dashboard at the center, showcasing key metrics, followed by separate pages for employee management, leave requests, approvals, and history.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **Database**: Supabase for backend data storage
- **State Management**: Use React Context API or Zustand for state management.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Database Configuration**: Set up Supabase and create a schema for employees, leave requests, and leave balances.
3. **Build Core Components**: Develop the main UI components including forms for adding employees and submitting leave requests, and tables for displaying leave balances and request status.
4. **Implement Business Logic**: Code the logic for leave accrual calculations, approval workflows, and balance checks based on the defined business rules.
5. **Create User Interface**: Design the dashboard and pages using Tailwind CSS, ensuring a minimalist aesthetic with clear navigation.
6. **Testing**: Conduct thorough testing of all functionalities, focusing on the leave request process and accrual calculations.
7. **Deployment**: Deploy the application to a cloud platform and ensure that all database connections are properly configured.

## USER EXPERIENCE
Users will interact with a streamlined interface where HR can quickly add employee data, submit leave requests, and monitor leave balances. The approval process will be intuitive, with clear status indicators for each leave request. The dashboard will present an overview of leave statistics, making it easy for HR to manage and track employee leave efficiently.