Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a Robux sender for Roblox, allowing users to send customizable amounts of Robux to others. The application aims to provide a seamless and realistic experience, mimicking the official Roblox interface while ensuring security and user satisfaction.

## CORE FEATURES
1. **Robux Amount Customization**: Users can easily set and specify the amount of Robux they wish to send.
2. **User Authentication**: Secure login and registration system to ensure that only authorized users can send Robux.
3. **Transaction History**: A dashboard feature that allows users to view their previous transactions and current balance.
4. **Responsive Design**: The application will be fully responsive, ensuring usability across various devices, including desktops, tablets, and mobile phones.
5. **Help/FAQ Section**: A dedicated area providing answers to common questions and guidance on how to use the application effectively.
6. **Contact Support**: A feature that allows users to reach out for support or report issues directly from 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 will consist of a header with navigation, a hero section for the Robux sender feature, a features section highlighting key functionalities, a testimonial section, 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 (as needed)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for your project.
   - Install shadcn/ui components for streamlined UI design.

2. **Create Project Structure**:
   - Organize folders for components, pages, and services.
   - Set up routing for the main application views.

3. **Develop Core Features**:
   - Implement user authentication with secure login and registration functionality.
   - Create the Robux sending feature where users can input their desired amount.
   - Build the transaction history component to display past transactions.

4. **Design Frontend**:
   - Use Tailwind CSS to style components according to the design specifications.
   - Ensure all components are responsive and adhere to the minimalist design approach.

5. **Integrate State Management**:
   - Implement Redux or Context API for managing user state, authentication, and transaction data.

6. **Test Application**:
   - Conduct thorough testing to ensure all features work as intended and that the application is user-friendly.

7. **Deploy the Application**:
   - Choose a hosting service (e.g., Vercel, Netlify) to deploy the application and make it accessible to users.

## USER EXPERIENCE
Users will begin by visiting the landing page, where they will see a clear call-to-action to log in or register. After logging in, they will be directed to the main dashboard where they can enter the amount of Robux to send. The transaction history will be easily accessible, allowing users to keep track of their actions. The responsive design ensures a smooth experience across all devices, providing users with help and support whenever needed.