Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application aims to provide a streamlined solution for generating reports based on meeting minutes, ideas, and photos from events. It is a web application designed to simplify the process of documentation, allowing users to create comprehensive reports by inputting textual information and uploading images.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system to manage user accounts and ensure data privacy.
2. **Report Creation**: An intuitive interface for users to input meeting minutes and ideas, along with the ability to upload photos relevant to the reports.
3. **Template Selection**: Options for users to choose from various report templates that fit different needs and aesthetics.
4. **Preview Functionality**: Users can preview their reports before finalizing them, ensuring they meet their expectations.
5. **Export Options**: Ability to export reports in multiple formats (PDF, DOCX) for easy sharing and distribution.
6. **Dashboard**: A user-friendly dashboard to manage and view previously created reports, providing easy access to all documents.

## 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 central content area for report creation and previews, and a sidebar for navigating between different features and the dashboard.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React application using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and any necessary UI component libraries (shadcn/ui).
3. **Create Authentication Module**: Develop login and registration components, integrating with a backend service for user management.
4. **Build Report Creation Interface**: Design and implement the report creation form, including text inputs and file upload functionality for images.
5. **Develop Template Selection**: Create various pre-defined templates for users to choose when creating reports.
6. **Implement Preview Functionality**: Add a feature to allow users to preview their reports in real-time as they input data.
7. **Export Functionality**: Integrate libraries for exporting documents to PDF and DOCX formats.
8. **Dashboard Creation**: Develop the dashboard layout to display user-generated reports with options to view and manage them.
9. **Test and Optimize**: Conduct thorough testing to ensure all functionalities work as intended and optimize for performance and responsiveness.

## USER EXPERIENCE
The application will focus on providing a seamless user experience through straightforward navigation and intuitive design. Users will first log in or register, after which they can access the dashboard to start creating reports. The report creation process will allow easy input of text and images, with real-time previews to help users visualize their reports. Users will have quick access to export options and can navigate back to the dashboard to view or edit previous reports, ensuring a smooth flow throughout their experience.