Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Fake Robux Web Application

## APPLICATION OVERVIEW
This web application allows users to create and manage a simulated currency called "fake Robux." Users can edit their balance, send fake Robux to others, and experience a fun and interactive way to engage with a virtual currency system. The application is designed with a minimalist aesthetic, focusing on user experience and simplicity.

## CORE FEATURES
1. **User Authentication**: Enable users to create accounts and log in securely to manage their fake Robux balance.
2. **Balance Management**: Provide users the ability to edit their fake Robux balance easily using a simple interface.
3. **Transfer Feature**: Allow users to send fake Robux to other users, enhancing the community interaction aspect.
4. **Transaction History**: Display a history of all transactions for users to track their activities and balances.
5. **Profile Management**: Users can update their profile information and view their current balance and transaction history.
6. **Responsive Design**: Ensure that the application is fully responsive and provides a seamless experience across 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 feature a header with navigation, a central area for balance management and transactions, and a footer with contact information. Each section will be clearly defined with appropriate spacing and alignment.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Authentication Flow**: Implement user registration and login functionality using context management for authentication.
3. **Develop Balance Management**: Create a component where users can view and edit their fake Robux balance, implementing form validation.
4. **Implement Transfer Feature**: Build a transfer component that allows users to send fake Robux to other users, updating the balance accordingly.
5. **Add Transaction History**: Create a transaction history component that fetches and displays past transactions for the logged-in user.
6. **Design the UI**: Utilize Tailwind CSS to style components according to the design specifications, focusing on responsiveness.
7. **Test and Deploy**: Thoroughly test the application for bugs and usability issues, then deploy to a suitable hosting platform.

## USER EXPERIENCE
Users will interact with a clean interface that guides them through the registration and login process. Upon logging in, they will see their current balance prominently displayed, with clear options to edit their balance or transfer fake Robux to other users. The transaction history will provide insights into their activities, while responsive design ensures accessibility on all devices. The overall experience emphasizes ease of use, allowing users to engage with the fake Robux system without confusion.