Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to manage workflows, integrations, and client interactions efficiently. Its main purpose is to ensure all functionalities operate seamlessly, including report generation and asset management, while providing a streamlined interface for both admin and client users.

## CORE FEATURES
1. **Workflow Management**: Ensure all existing workflows and functionalities are operational, including the "Create Reports" feature.
2. **Integration Capabilities**: Implement integrations for MailChimp, Constant Contact, and aWeber, with a custom reporting section that includes all integrations.
3. **Admin Integration Settings**: Provide separate admin settings for managing integrations within admin accounts, as well as client account management capabilities.
4. **Asset Library Management**: Fix the asset upload feature, allowing users to assign assets to specific clients and projects.
5. **Client Review & Approval**: Add capabilities for client reviews and approvals, including feedback messaging functionalities.
6. **Responsive Design**: Ensure all pages and screens are fully responsive for tablet and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a straightforward user experience. 
- **Color Mode**: Light theme featuring dark text on light backgrounds to enhance readability.
- **Layout**: A grid-based layout with a top navigation bar for quick access to core functionalities, a sidebar for additional tools, and a main content area that dynamically adjusts based on user interactions.
- **Typography**: Use a sans-serif font like "Roboto" for body text and "Montserrat" for headings to maintain a modern, legible aesthetic. Hierarchy should be clear with varying font sizes for headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong typing and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling approach, enabling rapid UI development.
- **UI Components**: Utilize shadcn/ui for consistent and customizable UI components.
- **State Management**: Implement React Context or Zustand for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui.
2. **Create Core Components**: Develop the main layout structure including the navigation bar, sidebar, and main content area.
3. **Implement Workflow Features**: Code the logic for workflow management ensuring all functionalities are tested and operational.
4. **Integrate Third-Party Services**: Add MailChimp, Constant Contact, and aWeber integrations, ensuring they are reflected in the custom reporting section.
5. **Admin and Client Settings**: Create separate admin integration settings and client management interfaces, allowing users to control integrations seamlessly.
6. **Develop Asset Library Functionality**: Fix the upload feature and implement the ability to assign assets to clients/projects.
7. **Add Client Review Mechanism**: Build the review and approval system with feedback messaging capabilities.
8. **Responsive Testing**: Conduct thorough testing to ensure responsiveness across all devices including tablets and mobile phones.

## USER EXPERIENCE
Users will navigate the application through a clear and intuitive layout, with quick access to core features via the top navigation bar. Admin users will have additional tools for managing integrations, while clients will be empowered to review and approve projects smoothly. The responsive design ensures a consistent experience across devices, enhancing usability and satisfaction. Feedback mechanisms will be straightforward, allowing for seamless communication between clients and admin users.