Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to analyze user-uploaded documents and images, identify similarities, and generate original project ideas. It features capabilities for creating research plans, project proposals, and visual content such as graphs and diagrams. The application also incorporates Optical Character Recognition (OCR) and language recognition, making it a versatile tool for research and project development.

## CORE FEATURES
1. **Document and Image Upload**: Users can upload various document formats and images for analysis.
2. **Similarity Detection**: The application analyzes uploaded content to identify similarities and suggest relevant project ideas.
3. **Project Proposal Generator**: Automatically generates project proposals, including titles, outlines, and research methods based on the user's input and analysis results.
4. **Visual Content Production**: Creates graphs, tables, images, diagrams, and symbols to support the generated project proposals.
5. **OCR Capabilities**: Extracts text from images and documents, enabling further analysis and content generation.
6. **Language Recognition and Translation**: Offers translation services for different languages and recognizes various language inputs, enhancing user accessibility.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with ample white space, focusing on clarity and ease of navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability.
- **Layout**: A single-column layout with a top navigation bar, a prominent hero section for user uploads, a features section detailing the app's capabilities, and a footer with contact information.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean, readable serif font for body text (e.g., Open Sans). Establish a clear hierarchy with larger font sizes for headings, medium sizes for subheadings, and standard sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive and utility-first design
- **UI Components**: Utilize shadcn/ui for pre-built components to ensure consistency and speed up development
- **State Management**: Use React Context or Zustand for managing the application state effectively.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the folder structure**: Organize folders for components, pages, utilities, and styles.
3. **Develop core components**: Build components for file upload, project proposal generation, and displaying visual content.
4. **Integrate OCR and language recognition**: Implement libraries for OCR functionality (e.g., Tesseract.js) and language processing.
5. **Set up state management**: Create a context or use Zustand to manage the state across the application.
6. **Design the layout**: Implement the layout using Tailwind CSS, ensuring responsiveness across devices.
7. **Test functionality**: Conduct thorough testing of all features, including uploading documents, generating proposals, and visual content production.
8. **Deploy the application**: Host the application on a platform like Vercel or Netlify for easy access and sharing.

## USER EXPERIENCE
Users will start by uploading their documents or images in the designated upload area. After submission, the application will process the content, displaying analysis results with suggested project ideas and proposals. Users can interact with the visual content generated and download their project proposals in various formats. The interface will be intuitive, guiding users through each step with clear calls to action and helpful prompts. Responsive design ensures a seamless experience across devices, from desktop to mobile.