Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate sending Robux, a virtual currency used in the Roblox gaming platform. The main purpose of this application is to provide users with a simple and engaging interface to experience the fun of sending Robux in a safe and controlled environment.

## CORE FEATURES
1. **User Registration/Login**: Users can create an account or log in to access their profile and manage their transactions.
2. **Robux Simulation**: A feature allowing users to input the amount of Robux they wish to "send" to another user, simulating the transaction process.
3. **Transaction History**: Users can view their previous simulated transactions, providing a log of all interactions within the app.
4. **Profile Management**: Users can customize their profile settings, including usernames and display preferences.
5. **Help and Support**: A dedicated section providing FAQs and support options for users who may need assistance.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across 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 feature a top navigation bar, a central content area for features and forms, and a footer with contact information and links. The design will prioritize ease of navigation and user engagement.

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

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Install Node.js and create a new React app with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create the Main Layout**: Set up the main layout with a header, footer, and content area. Ensure the design follows the minimalist style.
4. **Develop Core Features**:
   - Implement user registration and login using a simple form and authentication API.
   - Create the Robux simulation feature with input fields and buttons.
   - Build the transaction history section to display past transactions.
   - Set up profile management for user customization.
5. **Implement Responsive Design**: Use Tailwind CSS utilities to ensure the application looks great on all devices.
6. **Test and Debug**: Thoroughly test all functionalities and fix any bugs before launching the application.

## USER EXPERIENCE
Users will first encounter a welcoming landing page with an easy-to-navigate layout. After registration or login, they can access the Robux simulation feature, input their desired amount, and see a confirmation of their simulated transaction. The transaction history will allow them to review their past activities, and profile management options will enable personalization. The overall experience will be smooth, intuitive, and visually appealing, encouraging users to engage with the application frequently.