Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to facilitate the process of sending Robux between Roblox accounts. Users will be able to search for accounts, view the sending process, and manage transactions in a streamlined environment. The focus is on a minimalistic design that enhances usability while providing essential functionalities.

## CORE FEATURES
1. **Account Search Bar**: A dynamic search feature that allows users to quickly find Roblox accounts by username.
2. **Robux Sending Process**: A clear, step-by-step guide on how to send Robux, ensuring users understand the transaction flow.
3. **Transaction History**: A section to view past transactions, including amounts sent, dates, and recipient accounts.
4. **User Authentication**: Secure login functionality to protect user accounts and transaction details.
5. **Responsive Design**: The application will be fully responsive, ensuring an optimal experience 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 consist of a top navigation bar, a central content area for features like the search bar and transaction details, and a footer with additional links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user authentication and transaction history.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - Develop a `SearchBar` component for account searching.
   - Create a `TransactionForm` to handle Robux sending.
   - Implement a `TransactionHistory` component to display past transactions.
4. **Implement Authentication**: Set up user authentication routes and secure the application.
5. **Style Components**: Use Tailwind CSS to apply the minimalist design principles outlined in the design specifications.
6. **Test Responsiveness**: Ensure that the application is fully responsive across devices.

## USER EXPERIENCE
Users will start by landing on the home page where they can see a clear header and a search bar prominently displayed. By typing in a username, they will get instant suggestions to select from. Once an account is chosen, users can easily navigate to the Robux sending process with clear instructions. After sending Robux, users can check their transaction history, which will be neatly organized and accessible, allowing for a seamless experience throughout their interactions with the application.