Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Fake Robux Sender Web Application

## APPLICATION OVERVIEW
The project is a web application designed to simulate a fake Robux sender, providing users with an engaging experience by allowing them to "send" Robux to friends or accounts. The application serves as a fun tool for Roblox fans to create the illusion of sending in-game currency without any real transactional capabilities.

## CORE FEATURES
1. **User Registration and Login**: Users can create accounts and log in to personalize their experience and track their fake transactions.
2. **Send Robux Feature**: A simple interface where users can select a username and enter a desired amount of Robux to send. 
3. **Transaction History**: Users can view a log of all their fake transactions, including the recipient, amount, and date.
4. **User Profiles**: Each user has a profile page that shows their “balance” and transaction history.
5. **Settings Page**: Users can customize their account settings, including username changes and notification preferences.

## 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 will consist of a top navigation bar for quick access to features, a central content area for main interactions, and a footer with additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React's built-in Context API for managing user state and transactions

## IMPLEMENTATION STEPS
1. **Set Up the Environment**:
   - Create a new React project with TypeScript using Create React App.
   - Install Tailwind CSS and configure it for the project.

2. **Build the UI Components**:
   - Create a Navbar component for navigation.
   - Design the Send Robux form with input fields for username and amount.
   - Implement the Transaction History component to display past transactions.

3. **Implement User Authentication**:
   - Set up user registration and login functionalities using a mock backend or local storage.
   - Create a user profile component to manage user data.

4. **Integrate State Management**:
   - Use Context API to manage user sessions and transaction data throughout the application.

5. **Styling with Tailwind CSS**:
   - Apply the specified design specifications, ensuring a minimalist aesthetic with a light theme using the primary color and typography settings.

6. **Testing and Deployment**:
   - Test all functionalities and ensure responsiveness across devices.
   - Deploy the application on a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. Upon logging in, users can easily access the Send Robux feature to initiate a transaction, view their transaction history, and manage their account settings. The minimalist design ensures that the focus remains on the essential features without unnecessary distractions, enhancing user engagement and enjoyment.