Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Competency Management System

## APPLICATION OVERVIEW
The Competency Management System is a web application designed for Reiser field service and help desk technicians. Its primary purpose is to streamline the management of technician competencies, enabling employees to maintain profiles, track machine competencies, receive manager reviews, conduct self-assessments, and visualize skill gaps through dashboards while managing certifications and reporting.

## CORE FEATURES
1. **Employee Profiles**: Create and manage detailed profiles for each technician, including personal information, competencies, and certifications.
2. **Machine Competencies**: Track and manage competencies related to specific machines, ensuring technicians are qualified for their tasks.
3. **Manager Reviews**: Facilitate performance evaluations through structured feedback from managers.
4. **Self-Assessments**: Allow technicians to assess their own skills and competencies to promote personal development.
5. **Skill Gap Dashboards**: Visualize skill gaps and training needs through interactive dashboards, enabling targeted development.
6. **Reporting**: Generate reports on competencies, reviews, and assessments to support decision-making and compliance.

## 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 be a side navigation menu with a top header, featuring sections for employee profiles, competencies, reviews, and dashboards, ensuring easy navigation and accessibility.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui).
2. **Create Layout Structure**: Implement the main layout with a side navigation menu and top header using Tailwind CSS for styling.
3. **Develop Employee Profiles Module**: Create components for employee profile creation and editing, ensuring forms are user-friendly and validate input.
4. **Implement Machine Competencies Tracking**: Build functionality for managing machine competencies, including adding, editing, and displaying competencies.
5. **Integrate Manager Review System**: Develop components for managers to provide reviews, including a feedback form and summary views.
6. **Create Self-Assessment Tools**: Implement self-assessment forms for technicians with options for rating their skills and competencies.
7. **Design Skill Gap Dashboards**: Use charting libraries to create interactive dashboards that visually represent skill gaps and training needs.
8. **Set Up Reporting Features**: Enable report generation capabilities that compile data from various modules into comprehensive reports.
9. **Testing**: Conduct thorough testing of all features to ensure functionality and user experience.
10. **Deployment**: Prepare the application for deployment, ensuring that it is responsive and optimized for different devices.

## USER EXPERIENCE
Key user interactions will include the ability to easily navigate through profiles, competencies, and dashboards via a clean interface. Technicians will be able to quickly assess their skills, while managers can efficiently provide feedback and track employee progress. The dashboards will facilitate an intuitive understanding of skill gaps, guiding technicians in their development journey. The minimalist design will enhance usability, making the application accessible for all users.