Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Robux Sender" is a web application designed to facilitate the transfer of Robux between users in a simple and efficient manner. The platform allows users to send and receive Robux securely, ensuring a hassle-free experience while managing their Roblox currency.

## CORE FEATURES
1. **User Authentication**: Secure login and registration process to ensure user accounts are protected.
2. **Robux Transfer**: A straightforward interface for users to send Robux to others, including input fields for username and amount.
3. **Transaction History**: Users can view their past transactions, providing transparency and tracking of sent and received Robux.
4. **User Profiles**: Each user has a profile displaying their Robux balance and transaction history.
5. **Support and FAQ**: A dedicated section to assist users with common questions and issues regarding Robux transfers.

## 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, a centered hero section for sending Robux, transaction history displayed in cards, and a footer with support links.

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

## IMPLEMENTATION STEPS
1. **Set Up the React Application**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create User Authentication**: Implement Firebase or a similar service for user authentication, allowing sign-up and login functionalities.
4. **Develop the Robux Transfer Feature**: Create a component for users to enter recipient details and the amount of Robux to send, ensuring validation checks are in place.
5. **Implement Transaction History**: Design a component to fetch and display the user's transaction history from a database.
6. **Build User Profiles**: Create a profile page that displays the user's Robux balance and transaction history.
7. **Add Support and FAQ Section**: Develop a simple FAQ page to assist users with common issues.
8. **Ensure Responsive Design**: Use Tailwind CSS to make the application mobile-friendly and responsive across devices.

## USER EXPERIENCE
Users will interact with the application through a clean interface where they can easily log in or create an account. After logging in, they will be directed to the dashboard where they can quickly send Robux, view their transaction history, and access their profile details. The application will provide tooltips and prompts to guide users through the Robux transfer process, ensuring a smooth and intuitive experience. 

The minimalist design, combined with a focus on typography and usability, will enhance user satisfaction while navigating the application.