Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to mimic a Roblox Robux generator, allowing users to send customizable amounts of Robux to other Roblox users. The application features a minimalist design that prioritizes ease of use while aligning with the Roblox aesthetic, ensuring a professional and engaging user experience.

## CORE FEATURES
1. **User Search**: A search functionality enabling users to quickly find other Roblox usernames, facilitating the sending of Robux.
2. **Custom Robux Amount**: Users can specify the exact amount of Robux they would like to send for personalized transactions.
3. **Robux Purchase**: A feature allowing users to purchase Robux directly within the application for a seamless experience.
4. **Transaction History**: A section that records all transactions made by the user, displaying amounts sent and recipient usernames.
5. **User Dashboard**: A personalized dashboard that showcases the user’s balance, transaction history, and offers quick access to sending Robux.
6. **Responsive Design**: The application ensures optimal usability on various devices, maintaining both functionality and aesthetic appeal.

## 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-page layout with a top navigation bar, followed by a hero section, user dashboard, and transaction history display.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Layout**: Establish the main layout, including a responsive navigation bar, hero section, and dashboard area.
3. **Implement User Search**: Develop the search functionality for users to input and locate Roblox usernames.
4. **Build the Custom Robux Amount Feature**: Create a form element that allows users to enter the desired Robux amount to send.
5. **Develop Robux Purchase Functionality**: Integrate payment processing options for users to buy Robux.
6. **Implement Transaction History**: Design a section for displaying the user’s transaction history and connect it to the backend.
7. **Ensure Responsive Design**: Test the application across multiple devices and screen sizes to ensure usability and consistent aesthetics.

## USER EXPERIENCE
Users will start on a clean landing page where they can easily access the search bar to find other Roblox users. After entering a username, they can input a customizable Robux amount to send. The dashboard will provide a summary of their current balance and transaction history, allowing users to manage their activities seamlessly. The minimalist design will guide users through the application effortlessly, focusing on functionality and ease of use.