Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a "fake robux sender." Its primary purpose is to provide users with a fun, interactive experience where they can generate and send fake Robux to their friends for entertainment purposes. The application will focus on a minimalist design to enhance user engagement while ensuring a smooth user experience.

## CORE FEATURES
1. **User Registration and Login**: Users can create an account or log in to access their profile and track their fake Robux transactions.
2. **Fake Robux Generation**: Users can generate a specified amount of fake Robux to simulate sending to friends.
3. **Send Fake Robux**: A feature that allows users to select friends from their contact list and send them the generated Robux.
4. **Transaction History**: Users can view their transaction history of sent fake Robux for accountability and entertainment.
5. **Profile Management**: Users can update their profile details and manage their account settings.
6. **Responsive Design**: The application will adapt to various screen sizes for a seamless experience on 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 main layout will consist of a header, a hero section for the fake Robux generation, a features section, and a footer. Each section will be clearly defined with ample white space to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for managing user sessions and transaction history)

## IMPLEMENTATION STEPS
1. **Set Up the Project**:
   - Initialize a new React project with TypeScript.
   - Install necessary dependencies: Tailwind CSS and shadcn/ui.

2. **Create the Folder Structure**:
   - Organize components, pages, and styles into separate directories for better maintainability.

3. **Implement Authentication**:
   - Create user registration and login functionalities using a mock authentication service.

4. **Design Core Components**:
   - Develop the header, hero section, and footer using Tailwind CSS for styling.
   - Ensure buttons and inputs have the specified border radius.

5. **Build Fake Robux Features**:
   - Implement the fake Robux generation logic to allow users to specify amounts.
   - Set up the functionality for sending Robux to selected friends.

6. **Transaction History**:
   - Create a component to display the user’s transaction history, styled with the minimalist design principles.

7. **Profile Management**:
   - Develop a profile management page where users can update their details.

8. **Testing and Responsiveness**:
   - Test the application on various devices and browsers to ensure responsive design and functionality.

## USER EXPERIENCE
Users will start by registering or logging in to their accounts. Once logged in, they will see a clean, minimalist interface where they can generate fake Robux and send them to their friends. The process of generating and sending Robux will be straightforward, with clear instructions and prominent buttons. Users can easily navigate to their transaction history and profile management sections for a seamless experience. The responsive design ensures that users have a consistent experience across all devices.