Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The "Fake Sender Robux" is a minimalist web application designed to simulate the process of sending Robux, a virtual currency used in the Roblox gaming platform. The main purpose of the application is to provide users with a clean, user-friendly interface to understand how Robux transactions work, without facilitating actual transactions.

## CORE FEATURES
1. **User Accounts**: Allow users to create accounts to save their preferences and transaction history.
2. **Simulated Transactions**: Users can input amounts and see a visual representation of sending Robux.
3. **Transaction History**: A clean, organized view of past simulated transactions with filters.
4. **User Dashboard**: A simple dashboard displaying account balance and recent activity.
5. **Help Section**: Provides resources and FAQs on how Robux transactions function within Roblox.

## 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 top navigation bar, a central content area for transactions and dashboard, and a footer with helpful links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API for user authentication and transaction state management.

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript using Create React App.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the folder structure**: Organize components, pages, and styles into respective directories.
4. **Build User Authentication**: Implement user registration and login functionality using React Context API.
5. **Develop the Dashboard**: Create a dashboard component to display user balance and recent transactions.
6. **Implement Simulated Transactions**: Create a form to input Robux amounts and display transaction results.
7. **Design the Help Section**: Add a dedicated help component with FAQs and resources.
8. **Test the application**: Ensure all features work smoothly and are responsive across devices.
9. **Deploy**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Users will interact with a straightforward interface, starting at the login page. After logging in, they will be directed to their dashboard, where they can see their balance and recent transactions. Users can initiate a simulated transaction through an intuitive form, and receive instant feedback on the transaction's outcome. The help section will be easily accessible for users needing guidance, ensuring a seamless experience throughout the application.