Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to generate and download a Monthly Audit Report of KPIs. It will feature an intelligent filtering system allowing users to select specific months to retrieve relevant statistics without mentioning any specific companies involved in the events. The focus is on providing clear, impartial data visualizations and crucial event metrics.

## CORE FEATURES
1. **Monthly Filter**: Users can select a month to generate a report containing statistics and performance metrics for that specific period.
2. **Data Visualization**: The application will include charts and graphs to represent the key performance indicators visually, enhancing data comprehension.
3. **Report Generation**: Users can download the generated report as a PDF document, which will maintain a clean format as outlined in the provided structure.
4. **Impartial Data Presentation**: The application will ensure that the report does not mention any specific companies, maintaining objectivity in the presentation of data.
5. **User Authentication**: Secure login for users to access their reports and data securely.
6. **Dashboard Overview**: A dashboard to provide a snapshot of the current KPIs and metrics at a glance.

## 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 sidebar for report filtering options, a central area for data visualization, and a footer. Each section will be well-defined with appropriate spacing for clarity.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Navigation Bar**: Develop a responsive top navigation bar for application branding and user access.
3. **Build Sidebar**: Implement a sidebar with filtering options to select the month for the report generation.
4. **Design Dashboard Layout**: Create the central area to display visualizations using chart libraries like Chart.js or Recharts.
5. **Implement Report Generation**: Develop the functionality to compile data into a PDF format using a library like jsPDF.
6. **User Authentication**: Set up authentication using a library like Firebase or Auth0 for user management.
7. **Testing**: Conduct thorough testing to ensure that the monthly filtering, report generation, and data presentation are functioning correctly.

## USER EXPERIENCE
Users will start by logging into the application, where they will see a dashboard with an overview of their KPIs. They can select a month from the sidebar filter, and the dashboard will update to display the relevant statistics and visualizations. Once satisfied with the data, users can click a button to generate the report, which will then be available for download as a PDF, ensuring a seamless and efficient user experience.