Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to facilitate the sending and receiving of Robux among users. The main purpose is to create a secure and user-friendly platform for users to transfer Robux, enhancing community engagement and transactions.

## CORE FEATURES
1. **User Authentication**: Users can sign up and log in securely using their email and password to create personalized accounts.
2. **Robux Transfer**: A feature allowing users to send Robux to other users by entering their username and the amount to transfer, ensuring a seamless experience.
3. **Transaction History**: Users can view their past transactions, providing transparency and tracking for all their Robux activities.
4. **User Profiles**: Each user has a profile where they can manage their settings, view their balance, and see their transaction history.
5. **Real-time Notifications**: Users receive instant notifications for successful transactions, enhancing the engagement and immediacy of the application.

## 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 structure consists of a top navigation bar, a hero section for announcements and promotions, followed by a features section, transaction history, and user profile management, all laid out in a single-page format for easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (or Context API if preferred)

## IMPLEMENTATION STEPS
1. **Set up the React project** using Create React App with TypeScript support.
2. **Install Tailwind CSS** and configure it to work with your React project by following the official installation guide.
3. **Create the main app structure** including components for navigation, hero section, features, transaction history, and user profile.
4. **Implement user authentication** using Firebase or a custom backend for user management.
5. **Develop the Robux transfer feature** allowing users to input the recipient username and amount, with appropriate validations.
6. **Set up the transaction history** component to fetch and display user transactions from the database.
7. **Add real-time notifications** using WebSocket or similar technologies for immediate user feedback.
8. **Style the application** using Tailwind CSS classes to match the specified design specifications, ensuring responsiveness across devices.

## USER EXPERIENCE
Users will begin their journey by signing up or logging in to their accounts. Once authenticated, they will land on the dashboard where they can see their current Robux balance and a quick option to send Robux to friends. The intuitive design allows users to navigate through their transaction history, view notifications, and manage their profiles effortlessly. The minimalist design ensures that users can focus on their tasks without distractions, providing a smooth and enjoyable experience.