Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for users to manage and distribute Robux to specific accounts, focusing on simplicity and user-friendliness. The application provides a streamlined interface for users to input account details and transfer amounts efficiently.

## CORE FEATURES
1. **User Authentication**: Secure login for users to protect their accounts and data.
2. **Account Management**: Users can add, edit, or remove accounts they wish to manage Robux for.
3. **Robux Distribution**: A straightforward interface to input the Robux amount and the target account for distribution.
4. **Transaction History**: Users can view a log of all transactions made, including amounts and account details.
5. **Responsive Design**: The application will be fully responsive, ensuring usability across various devices.
6. **Notifications**: Alerts to confirm successful transactions or notify users of issues.

## 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 hero section for key actions, a form for Robux distribution, and a sidebar for account management. 

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for buttons, forms, and modals using shadcn/ui.
3. **Implement Routing**: Set up React Router for navigation between different views (home, account management, transaction history).
4. **Build Authentication**: Integrate user authentication with a service like Firebase or Auth0.
5. **Design the UI**: Apply Tailwind CSS styles based on the design specifications, ensuring the layout is minimalist and responsive.
6. **Integrate State Management**: Set up Redux Toolkit for managing users and transaction data.
7. **Test the Application**: Conduct thorough testing for functionality and responsiveness across devices.
8. **Deploy**: Use Vercel or Netlify to host the application for public access.

## USER EXPERIENCE
Users will experience a smooth onboarding process with easy access to all features. They will log in to their accounts, manage their accounts seamlessly, and distribute Robux with a simple form. The responsive design ensures that they can use the application on any device, and notifications will keep them informed of their actions. The clean and minimalist layout will help users focus on the task at hand without unnecessary distractions.