Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application allows users to design their own custom t-shirts through an intuitive and user-friendly interface. Users can select shirt styles, colors, and add personalized graphics or text, all within a clean and minimalist environment. The focus is on providing a seamless design experience that encourages creativity and customization.

## CORE FEATURES
1. **T-Shirt Customization Tool**: Users can select different t-shirt styles and colors, and customize them with text and images.
2. **Image Upload**: A feature allowing users to upload their own images or graphics to be printed on the shirt.
3. **Text Editing**: Users can add and edit text, choosing font styles, sizes, and colors to personalize their t-shirt.
4. **Preview Function**: A real-time preview of the t-shirt design, allowing users to see their changes instantly before finalizing.
5. **Save and Share Designs**: Users can save their designs to their account and share them on social media or with friends for feedback.
6. **Shopping Cart Integration**: A simple shopping cart feature for users to review their designs and proceed to purchase.

## 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 with navigation, a central design area for customization, and a sidebar for tools and options. The footer will contain contact information and links to social media.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing design states and user preferences

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Core Components**: Build components for the header, footer, t-shirt design area, and sidebar tools.
3. **Implement T-Shirt Customization Tool**: Develop the main feature allowing users to select styles, colors, and add graphics/text.
4. **Integrate Image Upload Functionality**: Use file input to allow users to upload images and display them on the t-shirt.
5. **Add Text Editing Capabilities**: Incorporate a text editing module with options for font selection, sizing, and positioning.
6. **Build Preview Functionality**: Implement a real-time preview of the t-shirt design that updates with user input.
7. **Create Save and Share Features**: Allow users to save their designs locally and implement social sharing options.
8. **Set Up Shopping Cart**: Integrate a simple shopping cart to review designs and proceed to checkout.

## USER EXPERIENCE
Users will start by selecting a t-shirt style from the homepage. They will then be directed to the design interface where they can choose colors and styles, upload images, and add custom text. The interface will be responsive and intuitive, providing instant feedback through the preview feature. Once satisfied with their design, users can save their work, share it, or proceed to purchase their customized t-shirt.

This application aims to empower users to express their creativity while ensuring a smooth and enjoyable design experience.