Lovable Prompt Creator - AI Prompt Generator

# ## APPLICATION OVERVIEW
This project is a web application designed for users to send fake Robux in a playful and entertaining manner. The application focuses on a minimalist interface, providing a seamless experience for users who want to engage with the concept of sending virtual currency without any real financial transactions involved.

## CORE FEATURES
1. **User Registration/Login**: Allow users to create accounts or log in to access their profiles and track their fake Robux transactions.
2. **Robux Sending Interface**: A simple interface for users to input the amount of fake Robux they wish to send, along with the recipient's username.
3. **Transaction History**: A section where users can view their past transactions, showcasing the amounts sent and the recipients.
4. **Profile Management**: Users can manage their account settings, including changing passwords and updating personal information.
5. **Social Sharing**: Enable users to share their fake Robux transactions on social media to engage friends and followers.
6. **Responsive Design**: Ensure the application is fully functional on various devices, providing an optimal user experience regardless of screen size.

## 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 structure should feature a header with branding, a hero section for the call to action, followed by the Robux sending interface, transaction history, and a footer with links to social media and contact information.

## 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 data

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any state management libraries needed (e.g., Redux or Context API).
3. **Create Components**: Build reusable components for the header, hero section, Robux sending interface, transaction history, and footer.
4. **Implement Routing**: Use React Router for navigation between different sections of the application (if necessary).
5. **Build Forms**: Create forms for user registration, login, and Robux sending, ensuring validation and error handling.
6. **Connect State Management**: Set up Redux or Context API to manage user authentication and transaction states, integrating actions and reducers as needed.
7. **Responsive Design**: Use Tailwind CSS utilities to ensure the application is responsive and looks good on all devices.
8. **Testing**: Perform thorough testing to ensure all features work as intended and fix any bugs that arise.

## USER EXPERIENCE
Key user interactions include a smooth registration and login process that leads directly to the Robux sending interface. Users can easily input the amount of fake Robux and the recipient's username, with clear feedback on success or failure of transactions. The transaction history should provide an easy overview of past interactions, while social sharing options encourage user engagement outside the app. The overall experience should be intuitive, with a focus on simplicity and clarity throughout the application.