Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
PATUH is a web application designed for medium to large enterprises to monitor compliance with AMDAL/RKL-RPL or PROPER regulations. This SaaS solution ensures companies do not overlook essential testing for wastewater, emissions, and other mandatory evaluations. The application features a calendar for scheduling tests, specifying laboratories, and enabling users to upload laboratory test results (LHU).

## CORE FEATURES
1. **Compliance Calendar**: A grid or calendar view that displays scheduled testing dates and associated laboratories, allowing users to visualize upcoming compliance tasks.
2. **Laboratory Uploads**: Functionality for users to upload laboratory results (LHU), ensuring that all compliance documents are stored and easily accessible.
3. **Reminder Notifications**: Automated alerts and reminders for upcoming tests to help users stay on top of their compliance responsibilities.
4. **User Authentication**: Secure login for users to manage their accounts and access compliance schedules specific to their organization.
5. **Dashboard Overview**: A user-friendly dashboard that presents an overview of compliance status, upcoming tests, and any overdue tasks.
6. **Reporting Tools**: Generate reports based on compliance data, allowing companies to track their environmental impact and performance over time.

## 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 header with navigation links, a central content area showcasing the calendar and dashboard, and a sidebar for quick access to upload functionality and settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API if preferred)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Components**: Develop reusable components for the calendar, upload functionality, dashboard, and user authentication.
3. **Implement Routing**: Set up routing for the application using React Router to manage navigation between different views.
4. **Integrate State Management**: Implement Redux (or Context API) to manage application state, especially for user authentication and compliance data.
5. **Design Layout**: Apply Tailwind CSS to structure the layout according to the design specifications, ensuring responsiveness across devices.
6. **Testing**: Conduct unit and integration testing to ensure all features function as intended and meet user requirements.

## USER EXPERIENCE
Users will interact with PATUH by logging into their accounts, where they will be greeted with a dashboard overview of their compliance status. They can easily navigate to the compliance calendar to view upcoming tests and click on specific dates to manage tasks. Notifications will remind users of impending tests, and they can upload laboratory results directly through an intuitive interface. The minimalist design ensures that users can focus on their compliance needs without distraction, enhancing overall usability.