Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to connect with Google Drive, enabling users to recognize documents and compile a comprehensive dashboard filled with relevant information such as clients, invoices, and details. It aims to streamline document management and provide users with an intuitive overview of their data.

## CORE FEATURES
1. **Google Drive Integration**: Seamlessly connect to Google Drive to access and manage documents directly from the application.
2. **Document Recognition**: Utilize OCR (Optical Character Recognition) technology to identify and extract data from uploaded documents.
3. **Dashboard Overview**: A centralized dashboard that displays key metrics and information derived from the recognized documents, including client details and invoice summaries.
4. **Data Management**: Users can edit, delete, or update entries related to clients and invoices from the dashboard.
5. **Search Functionality**: Quickly find specific documents or data entries using a powerful search feature.
6. **User Authentication**: Secure user login to protect sensitive information and ensure personalized access to individual document data.

## 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 side menu for quick access to different sections, and a central dashboard area that displays key information and interactive components.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state (as needed)

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Integrate Google Drive API**: Set up the Google Drive API to allow document access and retrieval.
4. **Implement Authentication**: Create a user authentication system to manage user sessions and secure document access.
5. **Develop Dashboard**: Build the dashboard component to display recognized data, incorporating charts and tables as necessary.
6. **Document Recognition**: Integrate OCR functionality to enable the application to analyze and extract data from documents.
7. **Add Search Functionality**: Implement a search feature to allow users to quickly locate specific documents or data.
8. **Test and Optimize**: Rigorously test the application for usability, performance, and responsiveness across different devices.

## USER EXPERIENCE
Users will have a straightforward journey starting with a login screen that securely authenticates their identity. Upon logging in, they will be directed to the dashboard, where they can view an overview of their documents and relevant data. The layout will allow easy navigation through the side menu to access different features such as document uploads, data management, and search functions. The clean and minimalist design will ensure that users can focus on their tasks without distractions, enhancing overall user satisfaction.