Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate the experience of sending fake Robux, allowing users to engage with the concept of digital currency in a playful manner. The app focuses on a clean and simple interface that enhances user interaction while maintaining a minimalist aesthetic.
## 
## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to access their dashboard.
2. **Fake Robux Generation**: Users can generate a customizable amount of fake Robux to send to themselves or others.
3. **Transaction History**: A section where users can view their past fake Robux transactions.
4. **User Profiles**: Profiles where users can customize their display name and avatar.
5. **Social Sharing**: Options to share their fake Robux transactions on social media platforms.

## 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 features and transactions, and a footer with contact information and links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing user states and transactions

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS, Redux, and shadcn/ui components.
3. **Create Components**: Build reusable components for the header, footer, user profile, transaction history, and fake Robux generation.
4. **Implement Routing**: Set up React Router for navigation between different views (e.g., login, dashboard, profile).
5. **State Management**: Implement Redux to manage user authentication and transaction data.
6. **Style Components**: Use Tailwind CSS to style components according to the minimalist design specifications.
7. **Testing**: Ensure all features are functional and responsive across devices.

## USER EXPERIENCE
The application will offer a seamless experience with easy navigation. Users will start on the login page, proceed to their dashboard upon successful authentication, and can quickly generate fake Robux to send. The transaction history will be easily accessible, allowing users to view their previous interactions. The overall interface will prioritize user engagement and clarity, ensuring that interactions are intuitive and enjoyable.