Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Gift Robux" application is a minimalist web platform designed to allow users to easily send and receive Robux, the virtual currency used in Roblox. This application focuses on providing a seamless and user-friendly experience, enabling users to navigate effortlessly and complete transactions with minimal effort.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts or log in to manage their Robux gifting activities.
2. **Gift Robux**: A simple interface for selecting a user and specifying the amount of Robux to send as a gift.
3. **Transaction History**: Users can view a history of their sent and received Robux gifts, including details like date and amount.
4. **Balance Display**: A feature that shows the current Robux balance of the user, updating in real-time after transactions.
5. **Contact Support**: A contact form for users to reach out for help regarding transactions or account issues.

## 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 layout will feature a top navigation bar, a central content area for the main interactions (gifting, history), and a footer with support links. Each section will be clearly defined with ample spacing to maintain the minimalist aesthetic.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React application with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create User Authentication**: Implement user registration and login functionality, using Firebase or a similar service for authentication.
4. **Develop Core Features**:
   - Build the Gift Robux feature with form inputs for recipient and amount.
   - Implement the Transaction History page to display sent and received gifts.
   - Create a Balance Display component to show the user’s current Robux balance.
5. **Design Layout**: Use Tailwind CSS to apply the minimalist design principles, ensuring responsiveness across devices.
6. **Test Functionality**: Conduct thorough testing to ensure all features work as expected, including edge cases for user input.

## USER EXPERIENCE
Users will have an intuitive experience, starting with a clear option to register or log in. Once authenticated, they will be welcomed to a dashboard where they can see their balance and immediately gift Robux. The process of sending a gift is streamlined with a simple form, and users can easily access their transaction history and contact support if needed. The overall flow emphasizes ease of use, with a focus on quick actions and minimal distractions.