Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that simulates a Robux sending service, designed to closely resemble the aesthetics and functionality of Roblox. The application will feature a settings button for user customization and will focus on delivering a clean and engaging user experience.

## CORE FEATURES
1. **User Authentication**: Allow users to securely log in and manage their accounts.
2. **Robux Sending Interface**: A simple and intuitive interface for users to send Robux to their friends.
3. **Settings Menu**: A settings button in the top left corner to customize user preferences and application settings.
4. **Transaction History**: Display a log of past transactions for users to review their Robux sending history.
5. **Responsive Design**: Ensure the application is mobile-friendly and adapts to various screen sizes for optimal user experience.

## 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 top navigation bar with the settings button, a central content area for the Robux sending interface, and a sidebar for transaction history.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and necessary UI components (shadcn/ui).
3. **Create Layout Components**: Build the top navigation bar with the settings button and the main content area.
4. **Develop Robux Sending Feature**: Implement the form for sending Robux, ensuring it captures user input accurately.
5. **Build Transaction History Component**: Create a component to display the user's transaction history.
6. **Implement User Authentication**: Set up authentication flow using an appropriate solution (e.g., Firebase, Auth0).
7. **Style Components**: Use Tailwind CSS to apply the specified design system, including typography, colors, and border radius.
8. **Ensure Responsiveness**: Test the application on various screen sizes and adjust styles as necessary.

## USER EXPERIENCE
Users will interact with the application through a straightforward interface. Upon logging in, they will see the Robux sending feature prominently displayed. The settings button will allow users to customize their experience, while the transaction history will keep them informed of their past activity. The minimalist design will provide a seamless and enjoyable user experience, allowing users to focus on sending Robux efficiently.