Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based tool designed for construction companies to manage employee work, financials, salaries, and job assignments. It serves as a comprehensive management system that streamlines operations, enhances productivity, and provides valuable insights into workforce management.

## CORE FEATURES
1. **Employee Management**: Track employee details, roles, and performance with the ability to add, edit, and remove employees.
2. **Job Assignment Tracking**: Allocate jobs to employees, monitor job progress, and manage job statuses to ensure timely completion.
3. **Salary Management**: Calculate and manage salaries, including deductions and bonuses, with easy access to payroll information.
4. **Financial Overview**: Provide insights into company finances, including expenses and revenue generated from different projects.
5. **Reporting Dashboard**: Generate reports on employee performance, financial summaries, and job completion metrics for better decision-making.
6. **User Authentication**: Secure access to the application with user roles, ensuring that sensitive information is only accessible to authorized personnel.

## 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 main layout will consist of a sidebar navigation for easy access to features, a top header for notifications and user settings, and a main content area displaying dashboards, forms, and reports.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state, if needed.

## IMPLEMENTATION STEPS
1. **Set Up the Environment**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Include Tailwind CSS, shadcn/ui, and any necessary state management libraries (e.g., Redux).
3. **Create the Folder Structure**: Organize the project into components, pages, and services for better maintainability.
4. **Develop Core Features**: 
   - Build the Employee Management component with forms for adding/editing employee details.
   - Implement the Job Assignment Tracking feature with a dashboard view for job statuses.
   - Set up the Salary Management system with calculations and reporting capabilities.
   - Create the Financial Overview section to visualize company financials.
   - Design the Reporting Dashboard for generating and displaying reports.
5. **Implement User Authentication**: Create a login system with role-based access control.
6. **Style the Application**: Use Tailwind CSS to style components according to the design specifications, ensuring a responsive layout.
7. **Test the Application**: Conduct thorough testing for functionality and usability, ensuring a smooth user experience.

## USER EXPERIENCE
Users will have a seamless interaction with the application through intuitive navigation and responsive design. They will be able to log in to their accounts, access various features through a sidebar, and view detailed reports and dashboards. The application will prioritize ease of use, with forms and data entry designed to minimize user effort while maximizing clarity.