Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to facilitate the generation and sending of invoices to clients and suppliers. It aims to streamline the invoicing process, making it easy for users to create, customize, and manage invoices efficiently while ensuring a pleasant user experience.

## CORE FEATURES
1. **Invoice Generation**: Users can create invoices by filling out essential details such as client information, item descriptions, quantities, and prices. 
2. **Template Customization**: Offers customizable templates that users can modify to reflect their branding, including logo placement, color schemes, and font styles.
3. **Invoice Tracking**: Provides users with the ability to track the status of sent invoices, including whether they have been viewed or paid.
4. **Email Integration**: Enables users to send invoices directly to clients and suppliers via email from within the application.
5. **Reporting Dashboard**: A user-friendly dashboard that summarizes invoice statistics, such as total sales, outstanding payments, and invoice history.
6. **User Authentication**: Secure login functionality for users to create and manage their accounts, ensuring data privacy and security.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design features a clean and simple aesthetic with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A responsive layout that includes a top navigation bar for easy access to main functionalities, a central content area for invoice management, and a sidebar for quick links to settings and reports.
- **Typography**: Use modern sans-serif fonts (e.g., Roboto or Open Sans) for body text with a larger size for headings to establish a clear hierarchy. Ensure consistency in font weights and styles throughout the application.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for quick adjustments and a coherent look.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components that enhance development speed and maintain design consistency.
- **State Management**: Consider using Zustand or Redux if the application requires complex state management.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Authentication Module**: Build user authentication features, including registration, login, and password recovery.
3. **Develop Invoice Generation Component**: Create the form for users to input invoice details and implement logic for saving and generating PDFs.
4. **Implement Template Customization**: Allow users to upload logos and choose color schemes for their invoices.
5. **Build Email Functionality**: Integrate an email service API (e.g., SendGrid) to enable invoice sending directly from the app.
6. **Create Reporting Dashboard**: Develop a dashboard that pulls data from the database and displays invoice statistics in visual formats.
7. **Test Responsiveness and User Experience**: Conduct thorough testing across devices to ensure the application is responsive and user-friendly.

## USER EXPERIENCE
Users will have a smooth onboarding experience with a guided tutorial on how to navigate the application. They can easily create an invoice through a straightforward step-by-step form, preview it before sending, and track its status in real-time. The dashboard will provide insights into their invoicing history, making it simple to manage and analyze their financial interactions with clients and suppliers. 

This comprehensive prompt is structured to guide the development of a fully functional minimalist web application that meets the user's vision for managing invoice generation and sending.