Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to efficiently register and track the movements of a transport fleet. It enables users to input and manage essential transportation data in a Google Sheets format, ensuring streamlined logistics management and data accessibility.

## CORE FEATURES
1. **Fleet Registration**: Users can create and customize an initial fleet of 4 vehicles, with the option to add more through a dropdown menu for easy selection.
2. **Automatic Date & Day of the Week**: The application automatically records the current date and corresponding day of the week, with editable fields for user adjustments.
3. **KM Tracking**: When a vehicle is selected, the KM_Saida field automatically populates with the last recorded KM_Chegada value for that specific vehicle, ensuring accurate tracking of distance traveled.
4. **Data Export to Google Sheets**: All recorded data is seamlessly transferred to Google Sheets, structured with specified columns for easy data analysis and reporting.
5. **User-Friendly Interface**: A clean and intuitive UI allows users to navigate effortlessly through various functionalities, ensuring a professional and efficient experience.
6. **Customizable Data Entry**: Users can input various data points related to service, including kilometers traveled, service hours, washing time, and fuel consumption.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design with a clean, simple aesthetic focusing on usability and clarity. Ample white space enhances readability and reduces clutter.
- **Color Mode**: Light theme featuring dark text on light backgrounds for optimal legibility and a professional appearance.
- **Layout**: A structured grid layout that organizes input fields and data tables, ensuring a logical flow of information. Key functionalities are clearly defined, with sections for vehicle selection, data entry, and submission.
- **Typography**: Use a sans-serif font like "Helvetica Neue" for body text and headings. Maintain a clear hierarchy with larger, bolder fonts for titles and medium weights for labels and inputs to emphasize important information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first CSS styling, enabling rapid design adjustments.
- **UI Components**: Integrate shadcn/ui components for a consistent and polished look across the application.
- **State Management**: Utilize React’s Context API or a state management library like Redux for managing application state efficiently.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Design Layout**: Create a main layout component that includes sections for vehicle selection, data entry, and submission.
3. **Implement Google Sheets Integration**: Use Google Sheets API to enable data entry and retrieval functionalities.
4. **Create Vehicle Dropdown**: Develop a dropdown component to allow users to select from the fleet, with logic to auto-fill KM_Saida based on KM_Chegada.
5. **Date and Day Automation**: Use JavaScript Date functions to automatically populate the date and day of the week fields, allowing for user edits.
6. **Style Components**: Apply Tailwind CSS classes to ensure compliance with the minimalist aesthetic, focusing on typography and spacing.

## USER EXPERIENCE
Users will interact with the application through a streamlined interface, selecting vehicles from a dropdown and entering relevant data into clearly labeled fields. The automatic population of the KM_Saida field enhances efficiency, while the organized layout ensures a smooth data entry process. Upon submission, data will be sent to Google Sheets, providing users with a reliable means of tracking and analyzing their fleet's movements while maintaining a professional appearance throughout the application.