Lovable Prompt Creator - AI Prompt Generator

- 1. `code`*italic text***bold text**### ## # ## APPLICATION OVERVIEW
The project is a web application designed to simulate a fake Robux sender, allowing users to send fake Robux to their friends. The application will provide a clean and minimalist interface that focuses on user experience and engagement while ensuring the functionalities are straightforward and easy to navigate.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to access their profiles, where they can manage their fake transactions.
2. **Fake Robux Sending**: Users can input a username and the amount of fake Robux they wish to send, which will be displayed in a fun and interactive way.
3. **Transaction History**: A section where users can view a history of their fake Robux transactions, including dates, recipients, and amounts.
4. **Social Share Options**: Users can share their fake transactions on social media platforms to enhance engagement and attract more users.
5. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across all 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 consist of a header with navigation links, a central hero section for sending Robux, followed by features and testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context for state management of user sessions and transactions

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App 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 React Context for state management.
4. **Build the Sending Interface**: Create a form where users can input the recipient's username and the amount of fake Robux.
5. **Implement Transaction History**: Create a component to display the list of transactions, pulling data from the application state.
6. **Add Social Share Options**: Integrate social media sharing capabilities using appropriate APIs or plugins.
7. **Ensure Responsive Design**: Utilize Tailwind CSS to ensure the application is fully responsive across all devices.
8. **Testing**: Conduct user testing to ensure all functionalities work as intended and the user experience is smooth.

## USER EXPERIENCE
Users will first encounter a welcoming homepage with a clear Call-to-Action (CTA) to start sending fake Robux. Once logged in, they can easily navigate through the application using the top navigation bar. The sending interface is straightforward, allowing users to quickly input details and send Robux. Feedback is provided after each transaction, and users can view their transaction history easily. The minimalist design and responsive layout ensure that users have a pleasant experience regardless of the device they are using.