Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for "Gerador de Robux" Web App

## APPLICATION OVERVIEW
This application is a fun and interactive web app designed to simulate a Robux generator, allowing users to input any Roblox username and generate a playful result. The primary purpose is to entertain users and provide a lighthearted way to prank friends by pretending to offer unlimited Robux.

## CORE FEATURES
1. **Username Input**: A clean input field where users can enter any Roblox username to generate a Robux claim.
2. **Robux Generation Simulation**: A fun animation or message that pretends to generate Robux for the entered username.
3. **Share Feature**: Users can share their generated results on social media or copy to clipboard to showcase their “gains.”
4. **Random Username Generator**: An optional feature that suggests random popular usernames for users who may want to try different names.
5. **History Log**: A section that displays the last few usernames entered, allowing users to quickly access previous "generations."
6. **Responsive Design**: Ensures that the app is fully functional on both mobile and desktop 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**: A single-column layout with a large hero section at the top, followed by the input field, generated results area, and social sharing options, all clearly separated with ample white space.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this simple app, but can use React's built-in state management for local states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React app using TypeScript and install Tailwind CSS.
2. **Design Layout**: Build the main layout with a hero section, input area, and results display using Tailwind CSS for styling.
3. **Implement Username Input**: Create a controlled input component that captures the entered username.
4. **Robux Generation Logic**: Add functionality that simulates generating Robux and displays a fun message based on the input username.
5. **Add Share Functionality**: Implement share buttons using appropriate social media APIs or links to allow users to share their results.
6. **Create History Log**: Implement a local state to store and display the last few usernames entered by the user.
7. **Responsive Design**: Test the app on multiple devices to ensure a smooth user experience across all screen sizes.

## USER EXPERIENCE
Users will be greeted with a vibrant hero section inviting them to enter their Roblox username. Upon entering a name and clicking a button, they will see a playful animation that pretends to generate Robux. Users can easily share their results, view their history of entered usernames, and have fun pranking their friends in a simple and engaging manner.

This fully functional minimalist light application will align with the user's vision, creating an enjoyable and prank-friendly experience.