Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to manage maintenance records for various buildings, greenhouses, and storage facilities. It allows users to register maintenance tasks, track service providers, and manage costs and durations, all while ensuring a smooth user experience through a clean and minimalist interface.

## CORE FEATURES
1. **User Authentication**: Secure login system requiring a username and password for access, ensuring user data protection.
2. **Service Registration**: A feature to create maintenance orders, capturing details such as service type, description, cost, duration, and the equipment involved.
3. **Pending Maintenance List**: A dedicated page displaying all pending services, allowing users to view and manage tasks efficiently.
4. **Dashboard**: A visual overview that provides insights into maintenance activities, including completed and pending services.
5. **Automated User Tracking**: Automatically records the requesting user and the user completing the service when creating or completing maintenance orders.
6. **Service History**: A detailed log of all maintenance services performed for review and reporting purposes.

## 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 area for content displaying service forms and lists, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Redux if complex state management is needed

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Authentication System**: Implement a login page and secure routes for different user roles (service providers, collaborators).
3. **Develop Main Pages**: 
   - Create the "Register" page for entering new maintenance orders, ensuring to include fields for all required information.
   - Build the "Service" page to list all pending maintenance tasks, with options to edit or delete.
   - Design the "Dashboard" page to show statistics and summaries of services performed.
4. **Implement User Tracking**: Set up automatic user identification for service requests and completions.
5. **Testing**: Conduct thorough testing for usability, bug fixes, and ensure responsive design across devices.
6. **Deploy**: Use a platform like Vercel or Netlify for deployment, ensuring that the application is accessible to users.

## USER EXPERIENCE
The user interaction flow begins at the login page, where users enter their credentials. Upon successful authentication, they are greeted with a dashboard overview. Users can click on large icons to navigate to the "Register," "Service," or "Dashboard" pages easily. The design prioritizes simplicity, allowing users to create and manage maintenance records with minimal clicks, ensuring a delightful user experience.