Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
“Muppet Me” is a web application designed for users to transform their uploaded images into cartoon-style caricatures reminiscent of the Muppets. The application features user registration, image upload capabilities, and a credit system for image generation, making it easy for users to create and download their personalized Muppet-style images.

## CORE FEATURES
1. **User Registration and Authentication**: Users can create accounts to manage their credits and access their generated images.
2. **Image Upload**: A straightforward interface for users to upload images, which will be processed into Muppet-style caricatures.
3. **Muppet Image Generation**: Users can generate a cartoon version of their uploaded images using an advanced image processing engine.
4. **Credit System**: Users start with one free credit for generating images and have the option to purchase additional credits once the initial credit is used.
5. **Download Functionality**: Users can easily download their generated Muppet images with a single click.
6. **User Dashboard**: A personal dashboard where users can view their uploaded images, generated caricatures, and credit balance.

## 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 include a header with navigation links, a hero section for the upload feature, a features section outlining the application capabilities, a testimonials area, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for managing user authentication and image processing states

## IMPLEMENTATION STEPS
1. **Set up the React application**: Initialize a new project using Create React App with TypeScript.
2. **Install necessary dependencies**: Install Tailwind CSS, shadcn/ui, Redux Toolkit, and any other required libraries.
3. **Create the user authentication system**: Implement user registration, login, and session management.
4. **Build the image upload component**: Create a drag-and-drop interface for uploading images, along with validation checks.
5. **Integrate the image processing API**: Connect to an image processing service that generates Muppet-style caricatures.
6. **Develop the credit system**: Implement logic for managing user credits, including tracking usage and allowing purchases.
7. **Design the user dashboard**: Create a dashboard layout where users can see their images and credit balance.
8. **Test and optimize for responsiveness**: Ensure the application works seamlessly on various devices and screen sizes.

## USER EXPERIENCE
Users will start by registering for an account, which will lead them to the dashboard. From there, they can upload an image, generate their caricature, and manage their credits. The process will be intuitive, with clear calls to action guiding users through uploading, generating, and downloading their images. The minimalist design will enhance usability, allowing users to focus on the fun of transforming their photos into Muppet-style caricatures.

This prompt is structured to ensure a fully functional minimalist light application that aligns with the user's vision for "Muppet Me."