Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for managing competency evaluations across different departments in an organization. The application provides a comprehensive dashboard for tracking evaluations, launching campaigns, and analyzing compliance metrics.

## CORE FEATURES
1. **Dashboard Overview**: Displays evaluations completed by department, evaluation type (self-evaluations or observers), and reliability ratings (high, medium, low). This allows users to quickly assess evaluation performance.
   
2. **Campaign Launch Button**: Facilitates the creation of evaluation campaigns. Users can define the parameters including department, evaluation type, start and end dates, reminder frequency, and campaign name.

3. **Compliance Metrics**: Shows compliance ratios for launched campaigns, broken down by department and evaluation range, giving insights into participation and effectiveness.

4. **Individual Evaluation Launch**: Allows users to initiate a single evaluation process for any member, providing flexibility in managing evaluations as needed.

5. **User Authentication**: Ensures that only authorized personnel can access specific features and data, enhancing security and data integrity.

## 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 feature a top navigation bar, a central dashboard area for metrics and graphs, side panels for campaign management, and clear call-to-action buttons for launching evaluations.

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

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
   
2. **Create Authentication Flow**: Implement user authentication to secure access to the application features.

3. **Design Dashboard Component**: Develop the dashboard to visualize evaluation metrics using charts and tables. Ensure it reflects data dynamically.

4. **Build Campaign Launch Functionality**: Create a form for users to input campaign parameters and integrate the backend to save and manage these campaigns.

5. **Implement Compliance Metrics Display**: Develop components that fetch and display compliance data, allowing users to analyze participation rates effectively.

6. **Create Individual Evaluation Launch Feature**: Design an interface for launching individual evaluations, ensuring it is intuitive and straightforward.

7. **Testing and Deployment**: Conduct thorough testing of all features and ensure the application is responsive. Deploy the application to a hosting service for user access.

## USER EXPERIENCE
Users will navigate through a clean interface that emphasizes simplicity and ease of use. The dashboard will provide an immediate overview of evaluation statuses, while the campaign launch and individual evaluation features will be easily accessible via prominent buttons. Users can expect a seamless experience with clear instructions and feedback at each step, ensuring that managing evaluations is efficient and effective.