Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application that replicates the Roblox gift card system for Robux, allowing users to send and receive Robux easily. The main purpose is to provide a user-friendly interface for managing Robux transactions while ensuring a secure and efficient experience.

## CORE FEATURES
1. **User Authentication**: Allow users to create accounts and log in securely to manage their Robux transactions.
2. **Robux Sending**: A feature that enables users to send Robux to friends or other users within the application, including transaction history.
3. **Robux Receiving**: Users can receive Robux from others, with notifications and a straightforward process to claim the funds.
4. **Transaction History**: A section where users can review their past transactions, including sent and received Robux.
5. **Profile Management**: Users can manage their account settings, including linking Roblox accounts, changing passwords, and updating personal information.
6. **Help & Support**: A dedicated section for user assistance, including FAQs and a contact form for additional support.

## 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 layout will consist of a clear navigation bar, a hero section introducing the service, feature sections detailing the core functionalities, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Install Node.js and create a new React application using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Set Up Routing**: Implement React Router for navigating between different pages (e.g., Home, Profile, Transaction History).
4. **Create Authentication Flow**: Build user registration and login components, integrating with a backend service for authentication.
5. **Implement Core Features**: Develop the Robux sending and receiving features, including forms for input and transaction management.
6. **Build Transaction History**: Create a component to display past transactions, utilizing state management to fetch and display user data.
7. **Design Responsive Layout**: Ensure the application is mobile-friendly by using Tailwind CSS utilities for responsive design.
8. **Testing & Debugging**: Conduct thorough testing of all functionalities, ensuring a seamless user experience without bugs.
9. **Deploy the Application**: Choose a hosting platform (e.g., Vercel, Netlify) and deploy the application for public access.

## USER EXPERIENCE
The user experience will focus on simplicity and clarity. Users will navigate through an intuitive interface, with clear calls to action for sending and receiving Robux. Notifications will alert users of successful transactions, and the profile management section will ensure they can easily manage their information. The minimalist design will reduce distractions and help users focus on the essential tasks.