Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Fake Roblox Robux Plus Sender

## APPLICATION OVERVIEW
This project is a web application designed to simulate a "Roblox Robux Plus Sender," offering users a minimalistic interface to engage with while managing fictional transactions. The application will focus on user interaction and provide a straightforward experience to users interested in Roblox-themed applications.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in to access their fictional Robux transactions securely.
2. **Robux Transaction Simulator**: Users can simulate sending and receiving Robux, which will be displayed in a user-friendly dashboard.
3. **Transaction History**: A log of all simulated transactions, allowing users to view their activity over time.
4. **Profile Management**: Users can manage their account settings, including updating their usernames and preferences.
5. **Support Page**: A section where users can find frequently asked questions and contact support for assistance.

## 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 top navigation bar, a central content area for features like transaction simulations and history, and a footer with links to support and other resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (if needed for managing user state).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Authentication Flow**: Implement user registration and login pages, integrating with a mock backend or local storage.
3. **Develop Core Features**:
   - Build the Robux transaction simulator component.
   - Create a transaction history page that fetches and displays simulated data.
   - Develop the profile management interface.
4. **Design the Layout**: Use Tailwind CSS to style the application according to the design specifications, ensuring responsiveness.
5. **Implement State Management**: Set up Redux or Context API for managing user authentication and simulated transaction state.
6. **Testing**: Conduct user testing to ensure the application is intuitive and free of bugs.
7. **Deployment**: Deploy the application using a service like Vercel or Netlify.

## USER EXPERIENCE
Users will have a seamless experience as they navigate through the application. Upon logging in, they will land on the dashboard where they can easily access the transaction simulator. The transaction history will provide a clear overview of their activities, and profile management will be straightforward. The minimalist design ensures users are not overwhelmed, focusing on the simplicity and functionality of the app.