Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for managing maintenance records across multiple buildings, greenhouses, and barns. It allows users to track service providers, collaborators, service types, descriptions, costs, durations, and equipment involved in each maintenance task. This tool aims to streamline maintenance management and enhance operational efficiency.

## CORE FEATURES
1. **Service Provider Management**: Users can add, edit, and delete service provider profiles, including contact details and specialties.
2. **Task Recording**: Allows users to log maintenance tasks with detailed descriptions, types of service, and associated costs.
3. **Collaborator Tracking**: Users can assign collaborators to specific tasks, facilitating accountability and communication.
4. **Date and Duration Tracking**: Users can input and view maintenance dates and the duration of services performed.
5. **Equipment Management**: A dedicated section to manage equipment details related to maintenance tasks.
6. **Report Generation**: Generate reports summarizing maintenance activities, costs, and service efficiency.

## 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 sidebar for navigation and a primary content area that adapts based on the selected feature. Each section will include clear headers and ample spacing for a clean appearance.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui, Redux).
2. **Create Folder Structure**: Organize the project into folders for components, pages, services, and Redux slices.
3. **Design Components**: Build reusable UI components (buttons, forms, modals) using Tailwind CSS, applying the specified design specifications.
4. **Develop Core Features**: Implement each core feature, ensuring CRUD functionality for service providers, tasks, and equipment.
5. **State Management Setup**: Integrate Redux for state management to handle the data flow across the application.
6. **Testing**: Conduct unit and integration testing to ensure all features work as intended.
7. **Deployment**: Prepare the application for deployment on platforms like Vercel or Netlify.

## USER EXPERIENCE
Users will interact with the application through a clean and intuitive interface. They will navigate using a sidebar to access different sections (e.g., Service Providers, Tasks, Equipment). Each feature will have a straightforward form for data entry, and users will receive real-time feedback on submissions. Reports will be easy to generate, giving users quick insights into their maintenance activities and expenses. The responsive design will ensure optimal usability across devices.