Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for automating and facilitating the bank reconciliation process. It allows users to compare accounting records with bank statements, identify discrepancies, and streamline financial operations, making it ideal for administrative and accounting personnel in small to medium-sized enterprises.

## CORE FEATURES
1. **Dashboard:** Displays a summary of reconciliation status, including reconciled banks, pending reconciliations, and movement statistics.
2. **File Upload:** Enables users to upload bank statements and accounting records in Excel or CSV format while validating file formats.
3. **Bank and Period Selection:** Allows users to select the bank, bank account, date range, and currency for reconciliation.
4. **Automatic Reconciliation:** Compares banking and accounting movements based on predefined criteria and classifies results for user review.
5. **Discrepancy Review:** Provides a detailed view of mismatched entries, allowing users to link movements manually, add comments, and mark discrepancies as reviewed.
6. **Reconciliation History:** Displays previous reconciliations with relevant details, helping users track historical data and performance.
7. **Reporting:** Generates downloadable reports in Excel or PDF format, summarizing reconciled movements, discrepancies, and overall reconciliation results.
8. **User Management:** Defines access levels for different user roles while maintaining action logs for accountability.

## 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 sidebar for navigation, a top header for user info, and a central area for displaying content dynamically based on user interactions.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui
- **State Management:** Redux Toolkit (optional, depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up the Project:** Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS and Redux Toolkit.
2. **Design the Layout:** Create the main layout structure with a sidebar, top header, and main content area. Implement responsive design principles.
3. **Develop Core Features:**
   - Build the dashboard component to display reconciliation statistics.
   - Implement file upload functionality with validation.
   - Create forms for bank and period selection.
   - Develop the automatic reconciliation logic and UI for displaying results.
   - Design the discrepancy review interface with editing capabilities.
   - Implement the reconciliation history and reporting features.
4. **User Management:** Set up user roles and permissions, ensuring proper access control to various features.
5. **Testing:** Conduct thorough testing for usability, performance, and responsiveness across different devices.
6. **Deployment:** Prepare the app for deployment on a suitable hosting platform.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency, allowing users to quickly navigate through the reconciliation process. Key interactions include intuitive forms for uploading files, easy-to-read summaries on the dashboard, and straightforward methods for reviewing discrepancies. Responsive design will ensure accessibility on both desktop and mobile devices, enhancing user satisfaction and productivity.