Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for users to simulate transactions of virtual currency (Robux) in a playful and humorous manner. Users can select an amount of fake Robux to "send" to others, creating a fun and engaging experience reminiscent of the popular Roblox platform. The focus will be on a clean, minimalist design that emphasizes user interaction while maintaining simplicity.

## CORE FEATURES
1. **User Input for Robux Amount**: A simple input field where users can select how much fake Robux they want to send.
2. **Send Robux Button**: A prominent button that users can click to "send" their selected amount of Robux.
3. **Troll Confirmation**: A playful confirmation message or animation that reinforces the humorous aspect of the application when a user sends Robux.
4. **History Log**: A section that displays recent transactions of fake Robux sent by the user for tracking and engagement.
5. **User Feedback**: A simple alert system to provide feedback after sending Robux, enhancing user experience.
6. **Responsive Design**: The application will be fully responsive for optimal use on both desktop and mobile 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 centered hero section at the top, followed by input fields for selecting Robux amounts, a prominent send button, and a history log area below that. The design will ensure easy navigation and interaction.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in state management or Context API as needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling.
3. **Create Components**: Develop components for the input field, send button, confirmation message, and history log.
4. **Implement State Management**: Use React hooks to manage state for Robux amount selection and transaction history.
5. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design specifications.
6. **Testing**: Ensure all components function as intended and are responsive across devices.
7. **Deployment**: Deploy the application using a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will interact with a straightforward interface where they can easily input the amount of fake Robux they wish to send. Upon clicking the send button, a fun confirmation will appear, adding an element of surprise and humor. The history log will allow users to see their recent activities, keeping them engaged and entertained. The overall flow is designed to be intuitive, making it easy for users to navigate and enjoy their experience.