Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a fake robux sender, allowing users to simulate the sending of robux to other users. The application will focus on a clean and minimalist interface, enhancing user engagement while providing a straightforward experience for users interested in the roblox gaming community.

## CORE FEATURES
1. **User Registration/Login**: Users can create accounts or log in to use the application, enabling personalized experiences.
2. **Robux Sending Simulation**: Users can simulate sending robux to others by selecting an amount and inputting the recipient's username.
3. **Transaction History**: Users can view a history of their simulated transactions, providing a record of their interactions within the app.
4. **Profile Management**: Users can manage their profiles, including changing usernames and viewing their total simulated robux.
5. **Feedback System**: Users can submit feedback on the application, allowing for continuous improvement based on user suggestions.
6. **Help and Support Section**: A dedicated section for FAQs and support to assist users in navigating 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 feature a top navigation bar, a central hero section for the robux sending simulation, followed by sections for transaction history, profile management, and support. The layout will utilize cards for each feature with ample spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for managing user states and transaction history)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a React project using Create React App with TypeScript, and install Tailwind CSS for styling.
2. **Create the Basic Structure**: Set up the main layout with a navigation bar and placeholder sections for each feature.
3. **Implement User Authentication**: Create forms for registration and login, incorporating validation to ensure proper data entry.
4. **Develop the Robux Sending Feature**: Create a form that allows users to input a username and robux amount, simulating the transaction process.
5. **Build the Transaction History Feature**: Implement a state management solution to track and display the user's transaction history in a clean list format.
6. **Create Profile Management**: Allow users to view and edit their profiles, including options to update usernames and view their total simulated robux.
7. **Add Feedback and Support Sections**: Build out the feedback form and a support section with frequently asked questions.

## USER EXPERIENCE
Users will have a seamless experience as they navigate through the application. Upon first visit, they will be greeted with a simple login or registration interface. Once logged in, the primary focus will be on the robux sending simulation, with clear call-to-action buttons and helpful tooltips guiding them through the process. Users can easily access their transaction history and profile management through the navigation bar, enhancing the overall usability of the application. The minimalist design will ensure that users can focus on their tasks without unnecessary distractions.