Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is designed as a web app that allows users to edit their photos in a dynamic environment where they can visualize themselves in a memorable moment, such as being part of a match between Real Madrid and Manchester City. The app will provide tools for users to apply various edits and effects, showcasing a triumphant moment for Real Madrid after a thrilling comeback.

## CORE FEATURES
1. **Photo Upload**: Users can upload their own images to edit, allowing for personal customization.
2. **Editing Tools**: A suite of editing tools including filters, cropping, and text overlay to create a unique image.
3. **Real-time Preview**: Users can see their changes in real-time, ensuring they can adjust to their liking instantly.
4. **Save & Share Options**: Once edited, users can save their images to their device or share them directly to social media platforms.
5. **Templates**: Pre-made templates featuring famous moments or themes (like sports) that users can use as a starting point.
6. **User Profile**: Users can create a profile to save their favorite edits and templates for easy access in the future.

## 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 central editing area, sidebar for tools, and a header with user profile and save options. A footer will include links to help and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create the Layout**: Develop the main components for the header, editing area, sidebar, and footer using Tailwind CSS for styling.
3. **Implement Photo Upload Feature**: Create a component that allows users to upload their images and display them in the editing area.
4. **Develop Editing Tools**: Set up the necessary tools for editing (filters, cropping, text overlay) and ensure they update the image in real-time.
5. **Integrate Save and Share Functionality**: Add options to save edited images locally and share them via social media APIs.
6. **User Profile Management**: Implement user authentication and profile management to allow users to save their edits and templates.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily upload their photos and access various editing tools. The real-time preview feature will enhance the editing experience, allowing users to see the effects of their changes instantly. Clear navigation and intuitive controls will guide users through the process, making it straightforward to edit and share their images confidently. The minimalist design will reduce distractions, focusing users on creating their perfect moment.