Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist web application focused on creating and sharing images. Its primary purpose is to provide users with a clean and simple interface to generate images with ease, emphasizing user experience through a straightforward design and efficient functionalities.

## CORE FEATURES
1. **Image Creation Tool**: A user-friendly interface allowing users to create images by selecting templates, adding text, and customizing colors.
2. **Gallery of Created Images**: Users can save their created images in a personal gallery for easy access and management.
3. **Sharing Options**: Easy sharing capabilities for users to share their images via social media or generate shareable links.
4. **Download Feature**: Users can download their images in various formats with a single click.
5. **User Account Management**: Optional user registration and login to save progress and access features across devices.
6. **Help and Tutorials**: Integrated help section with tutorials to guide users through the image creation process.

## 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 top navigation bar, a central image creation area, a sidebar for tools and options, and a footer for additional links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Zustand for state management of user sessions and image data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and any other necessary libraries.
3. **Create Layout Components**: Develop the main layout including the navigation bar, sidebar, central creation area, and footer.
4. **Implement Image Creation Tool**: Build the image creation functionality using canvas or SVG elements to allow for dynamic editing.
5. **Develop User Account Management**: Set up authentication and user management features if applicable.
6. **Integrate Sharing and Download Features**: Implement functionality for sharing images and downloading files in different formats.
7. **Add Help and Tutorials Section**: Create a dedicated section for user guidance that includes FAQs and step-by-step tutorials.
8. **Testing**: Conduct thorough testing of all features for functionality and responsiveness across devices.

## USER EXPERIENCE
The application will prioritize ease of use, allowing users to navigate seamlessly between creating images, accessing their gallery, and sharing their creations. Key user flows will include a simple onboarding process for new users, intuitive tool access for image creation, and straightforward options for saving and sharing images. Responsive design will ensure the application functions well on both desktop and mobile devices, maintaining a consistent and enjoyable user experience.