Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Web Application

## APPLICATION OVERVIEW
This web application is designed to simulate the experience of sending Robux, creating a playful and engaging user experience without actually transferring any currency. The focus is on a clean, minimalist design that emphasizes user interaction and simplicity.

## CORE FEATURES
1. **User Registration and Login**: Allow users to create an account and log in to track their simulated transactions.
2. **Transaction Simulation**: Users can input amounts and "send" Robux to other users, complete with animations and feedback.
3. **Transaction History**: A record of all simulated transactions made by the user, showing the date, amount, and recipient.
4. **Profile Management**: Users can manage their profiles, including updating their display name and viewing their transaction stats.
5. **Help & Support Section**: An easily accessible area for users to get help, report issues, or learn about the app's features.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience on both mobile and desktop 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 layout consists of a top navigation bar with branding and links to the main features, a central area for the transaction simulation, and a sidebar for user profile information and navigation to other sections.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and set up Tailwind CSS.
2. **Create Components**:
   - Build the navigation bar component with links for Home, Profile, and Support.
   - Create the main transaction simulation component with input fields for amount and recipient.
   - Develop the transaction history component to display past transactions.
3. **Implement State Management**: Choose between Redux or Context API to manage user sessions and transaction data.
4. **Design User Interface**: Apply Tailwind CSS classes based on the design specifications, ensuring responsiveness.
5. **Add Functionality**: Implement the logic for simulating transactions and updating the transaction history.
6. **Testing**: Conduct user testing to ensure all features work as expected and the design is user-friendly.

## USER EXPERIENCE
The user journey begins with a straightforward registration process. After logging in, users are greeted with a simple interface where they can easily input the amount and recipient for their simulated Robux transaction. Feedback animations will enhance the interaction, making it feel genuine. Users can access their transaction history and profile from the navigation bar, ensuring easy navigation throughout the application. The help section will provide guidance and support, maintaining a positive user experience. 

This implementation plan focuses on creating a fun, engaging application that looks and feels like a real transaction platform while maintaining a clear and minimalist aesthetic.