Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to allow users to create and customize invoices through a streamlined wizard interface. Users will be able to input relevant fields, review their invoices in a document format, and personalize the design elements such as colors and layout according to their preferences.

## CORE FEATURES
1. **Invoice Creation Wizard**: A step-by-step interface guiding users through entering relevant invoice details, such as client information, services rendered, and payment terms.
2. **Document Review**: A preview feature that allows users to review and edit their invoices in a complete document format before finalizing.
3. **Customizable Design Settings**: Users can access a settings panel to adjust the default invoice design, including layout, colors, and fonts.
4. **Template Management**: Users can save and manage multiple invoice templates for different client needs or branding.
5. **Export Options**: Functionality to download invoices in multiple formats, such as PDF or Word, for easy sharing and printing.
6. **User Account Management**: Implement user authentication to create and manage personal accounts for saving invoice history and preferences.

## 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 should consist of a vertical sidebar for navigation, a central content area for the invoice creation wizard, and a preview pane for reviewing and editing invoices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state across different components.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a React project with TypeScript and install Tailwind CSS for styling.
2. **Create Navigation Sidebar**: Implement a sidebar component for navigation between different sections of the app (e.g., create invoice, templates, account settings).
3. **Build Invoice Creation Wizard**: Create a multi-step form component that captures user input for invoice details, including functionality to navigate back and forth between steps.
4. **Implement Document Preview**: Develop a component that dynamically displays the invoice based on user input, allowing real-time updates as fields are edited.
5. **Design Customization Panel**: Develop a settings panel where users can customize default invoice designs and save their settings.
6. **Integrate Export Functionality**: Implement logic to export invoices in desired formats and ensure that the design is preserved in the exported document.
7. **User Authentication**: Set up user registration and login functionality to manage user accounts and store invoice history securely.

## USER EXPERIENCE
Key user interactions will include navigating through the invoice creation wizard, easily editing and previewing invoices, and customizing design elements in a user-friendly interface. The focus will be on providing a seamless experience with minimal distractions, ensuring that users can efficiently create professional invoices tailored to their needs. Responsive design will be implemented to ensure functionality and aesthetics across various devices.