Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Diário de Turno - Operação" application is a web app designed for monitoring and managing operational data across multiple classes (A, B, C, D, E) in a manufacturing environment. It provides an interactive platform for users to input, track, and analyze critical process parameters in real-time, accessible on both PC and mobile devices.

## CORE FEATURES
1. **Real-Time Data Entry**: Users can input and update various operational parameters such as temperatures, pressures, and levels across different processing units.
2. **Data Visualization Dashboard**: A comprehensive dashboard that displays key operational metrics and trends using graphs and charts for quick analysis.
3. **Data Storage and Retrieval**: A robust database system that securely stores all operational data, allowing users to retrieve historical data for analysis and reporting.
4. **User Authentication**: Secure login functionality to ensure that only authorized personnel have access to sensitive operational data.
5. **Notifications and Alerts**: Automated alerts for critical parameter deviations, ensuring timely responses to operational issues.
6. **Reports Generation**: Tools to generate detailed reports based on selected parameters over specified time frames for quality control and operational review.

## 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**: A responsive layout featuring a sidebar for navigation, a main content area for data entry and visualization, and a footer for additional information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Query for data fetching and state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**:
   - Initialize a new React project with TypeScript.
   - Install necessary dependencies: React Query, Tailwind CSS, and shadcn/ui.
   
2. **Create Application Structure**:
   - Organize the project into folders for components, pages, services, and styles.
   - Set up routing for different sections of the app.

3. **Implement User Authentication**:
   - Create a login page with authentication logic.
   - Use JWT tokens or similar for secure sessions.

4. **Build Core Features**:
   - Develop the real-time data entry form with fields for all operational parameters.
   - Implement the dashboard with data visualization components.
   - Set up a backend service for data storage (consider Node.js with Express and a database like PostgreSQL).

5. **Integrate Notifications and Reporting**:
   - Add functionality for alerts based on user-defined thresholds.
   - Create a reporting module to generate downloadable reports.

6. **Responsive Design Testing**:
   - Ensure all components are responsive and accessible on both PC and mobile devices.
   - Conduct user testing to refine the user experience.

## USER EXPERIENCE
Users will interact with the application through a clean and intuitive interface. Upon logging in, they will be greeted by the dashboard displaying real-time metrics. Users can easily navigate to different sections using the sidebar, input data through simple forms, and receive immediate feedback through visual alerts. The report generation feature will allow users to compile and export necessary data efficiently, promoting an effective workflow within the operational environment.