Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application allows users to upload standardized PDF files containing notes and displays the extracted information in a structured table format. Users can view specific details such as "Nº RF", "Nº Pedido/Item", "Nº Pedido", "Item", "Nº FRS", "LC116", "Valor R$", as well as tax information in tuples including "Imposto", "Incidência", and "Alíquota" for various tax types.

## CORE FEATURES
1. **File Upload**: Users can upload PDF documents containing standardized notes for processing.
2. **Data Extraction**: The application extracts relevant data from the uploaded PDFs and organizes it into a comprehensive table.
3. **Information Display**: Each note is displayed in a structured format with specific columns, including tax details in tuples.
4. **Search and Filter**: Users can search and filter notes based on various criteria to easily find specific entries.
5. **Export Functionality**: Allows users to export the displayed data in CSV format for further analysis or record-keeping.
6. **Responsive Design**: The application is optimized for use on various devices, ensuring a seamless user experience on desktops, tablets, and mobile phones.

## 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 consists of a header for navigation, a central upload section, a table to display extracted data, and a footer with additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any additional libraries required for PDF processing and file handling.
3. **Create Upload Component**: Build a file upload component that allows users to select and submit PDF files.
4. **Implement Data Extraction Logic**: Use a library like pdf.js to extract text and data from the uploaded PDF files.
5. **Create Table Component**: Design a table component to display the extracted data, ensuring it supports sorting and filtering functionalities.
6. **Implement Export Functionality**: Add functionality to export the displayed data in CSV format.
7. **Optimize Responsiveness**: Ensure the layout adapts to various screen sizes and devices.
8. **Testing and Debugging**: Conduct thorough testing to ensure all features work as expected and fix any identified issues.

## USER EXPERIENCE
Users will start by uploading their PDF files through a prominent upload section. After the file is processed, they will see a neatly organized table presenting the extracted notes alongside their respective tax information. Users can utilize search and filter options to navigate through the data easily. The export feature allows them to download the data as a CSV file for offline use. The application will maintain a clean and straightforward interface, making it user-friendly and efficient.