Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to provide a comprehensive dashboard for managing quotations and invoices. Users will be able to upload and create PDF quotations, view all quotations, generate invoices, and manage their clients and suppliers efficiently. The focus is on providing a streamlined user experience with an intuitive interface.

## CORE FEATURES
1. **Quotation Management**: Users can upload PDF quotations and create new ones directly within the app.
2. **Invoice Generation**: The application allows users to generate invoices based on existing quotations.
3. **Client Management**: Users can add, view, and manage client information derived from quotations and invoices.
4. **Supplier Management**: A dedicated section for managing supplier details, enhancing the overall workflow.
5. **Quotation Overview**: A dashboard view displaying all quotations with filtering options for easy access.
6. **Invoice Consultation**: Users can consult and track the status of all issued invoices.

## 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 layout will consist of a top navigation bar, a sidebar for navigation, and a main content area that changes based on user interactions. Each section (quotations, invoices, clients, suppliers) will be clearly defined with cards or tables for easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript support using Create React App.
2. **Install dependencies**: Include Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the layout structure**: Develop the main layout with a header, sidebar, and main content area.
4. **Implement Quotation Management**: Create components for uploading and managing quotations, including a form for creating new ones.
5. **Build Invoice Generation**: Develop a feature that allows users to convert quotations into invoices and display them in a manageable format.
6. **Develop Client and Supplier Management**: Create forms and views for adding and managing clients and suppliers.
7. **Integrate State Management**: Use React Context API or Zustand to manage the application’s state across components.
8. **Ensure responsiveness**: Use Tailwind CSS utility classes to make the application responsive across different devices.

## USER EXPERIENCE
Users will navigate through a clean and intuitive interface, where they can quickly upload quotations and generate invoices with minimal clicks. The dashboard will provide a clear overview of all quotations and invoices, with options to filter and search for specific entries. Client and supplier management will be straightforward, allowing users to add and update information easily. The overall user flow will prioritize efficiency and simplicity, ensuring a pleasant experience.