Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to generate fake Robux for users. The app allows users to search for a username, and based on that input, it displays a randomly generated outfit alongside a specified Robux balance. The primary goal is to create a simple and engaging user experience that mimics the appearance of a Robux generator.

## CORE FEATURES
1. **Username Search**: Users can input a username to initiate the search for the associated random outfit and Robux amount.
2. **Fake Robux Display**: The application displays a fixed Robux amount of 300,000 next to the generated outfit.
3. **Random Outfit Generator**: Each username search results in a randomly selected outfit to enhance the visual appeal.
4. **Minimalistic Design**: A clean and straightforward user interface that emphasizes usability and focus on content.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across all devices.

## 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 feature a central search bar at the top, followed by a display area for the outfit and Robux amount, complemented by ample white space for a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management (useState and useEffect)

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Add shadcn/ui for UI components.

2. **Create the Layout**:
   - Build the main layout with a header, search bar, and display area.
   - Style the components using Tailwind CSS, ensuring adherence to the minimalist design principles.

3. **Develop the Username Search Functionality**:
   - Implement the input field for username search using React's useState.
   - Create a function to generate a random outfit when a username is submitted.

4. **Display the Random Outfit and Robux**:
   - Use state management to display the selected outfit and the fixed Robux amount of 300,000.
   - Ensure the display area is styled according to the design specifications.

5. **Test Responsiveness and Usability**:
   - Ensure the application is fully responsive on various device sizes.
   - Conduct user testing to identify any usability issues and make necessary adjustments.

## USER EXPERIENCE
Users will interact with a simple search bar to enter their usernames. Upon submitting, the application will display a randomly selected outfit alongside a mock Robux balance of 300,000. The minimalist design will ensure that users can navigate the app effortlessly, with a focus on the core functionality of generating fake outfits and Robux. The responsive layout will provide an optimal experience whether on desktop or mobile devices.