Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that simulates the sending of Robux to users on the Roblox platform. The primary purpose is to give the illusion of sending Robux, but without any actual transactions taking place. This app will serve as a fun tool for users looking to engage with their friends or the Roblox community.

## CORE FEATURES
1. **User Authentication**: Users will register and log in to their accounts to manage their Robux sending activity.
2. **Robux Sending Simulation**: A feature that allows users to select a recipient and enter an amount of Robux to simulate sending.
3. **Transaction History**: Users can view a log of their simulated transactions, including date, recipient, and amount.
4. **User Profiles**: Each user will have a customizable profile where they can display their avatar and personal information.
5. **Friend List**: Users can add friends to their list, making it easy to select recipients for their simulated Robux transactions.
6. **Notifications**: Users will receive notifications for actions taken in the app, enhancing engagement and interaction.

## 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 the primary functionalities, and a sidebar for user profile and notifications.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Zustand for managing user state and transaction data.

## IMPLEMENTATION STEPS
1. **Set up the development environment**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Design the user authentication flow**: Implement user registration and login features using Firebase or a similar service.
3. **Develop the main app components**: Create components for the Robux sending simulation, transaction history, user profiles, and friend lists.
4. **Integrate UI components**: Use shadcn/ui components to ensure a consistent design across the application.
5. **Implement state management**: Use Redux or Zustand to manage user authentication status and transaction data.
6. **Add notifications**: Implement a notification system to inform users of transaction statuses or updates.
7. **Test the application**: Perform usability testing to ensure all features work as intended and provide a smooth user experience.
8. **Deploy the application**: Use platforms like Vercel or Netlify for deployment and ensure the app is responsive across different devices.

## USER EXPERIENCE
Users will start by registering and logging into their accounts. Once logged in, they can view their profile and friend list. The main feature, sending Robux, will allow users to input a recipient and amount, simulating the action with an engaging UI. Users can easily access their transaction history and manage their notifications, creating a seamless interaction and enjoyable experience throughout the application.