Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a comprehensive web application intended to generate a professional report in PDF or Word format based on specific design and content requirements. The application will allow users to input the necessary details and generate a formatted report in Arabic, maintaining strict adherence to the provided specifications.

## CORE FEATURES
1. **User Input Form**: A form where users can input the report title, content, and other necessary details. This form will validate input to ensure compliance with the design specifications.
   
2. **PDF/Word Generation**: Functionality to convert the user inputs into a downloadable PDF or Word document, formatted according to the specified visual identity.

3. **Preview Functionality**: Users can preview the report before finalizing the download, ensuring that all elements are correctly displayed according to the guidelines.

4. **Template Management**: Ability to manage and update report templates for future use, allowing for easy adjustments to design or content structure.

5. **Multi-language Support**: The application will support Arabic language input and output, ensuring a user-friendly experience for Arabic-speaking users.

6. **User Authentication**: Optional user login for saving and retrieving previously generated reports, enhancing user convenience and experience.

## 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 consist of a header, a user input form in the center, a preview area below the form, and a footer with action buttons for generating and downloading the report.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management (useState and useContext)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for component styling.
2. **Create the User Input Form**: Develop a component for the input form, ensuring that it captures all necessary details for the report.
3. **Implement PDF/Word Generation Logic**: Use a library like jsPDF or docx to handle the conversion of user inputs into a formatted document.
4. **Build the Preview Functionality**: Create a component that displays the report based on user input before generating the final document.
5. **Design the Template Management System**: Implement functionality for users to save and manage report templates if authenticated.
6. **Integrate Authentication**: Set up user authentication using a provider like Firebase or Auth0, allowing users to log in and save their reports.
7. **Test the Application**: Conduct thorough testing to ensure all features function correctly and the reports are formatted as specified.

## USER EXPERIENCE
The application will offer a seamless experience where users can easily navigate from inputting report details to generating and downloading their reports. The minimalist design will ensure that users focus on the task at hand without distractions. The preview feature will enhance user confidence in the final output, while the authentication option will provide a secure way to manage reports.