Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to simulate a "fake robux sender" with a user-friendly panel for managing and sending fake robux. The application aims to provide an engaging and straightforward interface for users to experience the functionality of sending robux without any actual transactions.

## CORE FEATURES
1. **User Authentication**: Secure login and registration system to create user accounts, ensuring that each user has a personalized experience.
2. **Fake Robux Sending Panel**: A central dashboard where users can input the recipient's username and the amount of fake robux to send, with simple controls for easy navigation.
3. **Transaction History**: A log of all fake robux transactions made by the user, allowing for easy tracking and management.
4. **Virtual Currency Balance**: Display of the user's current balance of fake robux, which can be used for sending.
5. **User Profile Management**: Options for users to manage their profiles, including changing passwords and updating personal information.
6. **Responsive Design**: Fully responsive layout that adapts to different screen sizes, ensuring an optimal experience on both desktop and mobile devices.

## 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**: A vertical layout featuring a header, main content area for the panel, and a footer. The header will contain the application logo and navigation links. The main content area will showcase the sending panel and transaction history in a clean, organized manner.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing state across the application.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Basic Structure**: Set up the project folder structure, including components for the header, panel, and footer.
3. **Implement Authentication**: Develop the user authentication system with registration and login functionalities.
4. **Develop the Fake Robux Sending Panel**: Create the user interface for sending fake robux, integrating input fields and buttons styled according to the design specifications.
5. **Build the Transaction History Feature**: Implement a feature that logs past transactions and displays them to the user.
6. **Integrate User Profile Management**: Allow users to update their profiles and manage their accounts.
7. **Ensure Responsiveness**: Test and adjust the layout for various screen sizes to guarantee a seamless experience on both desktop and mobile devices.
8. **Deploy the Application**: Prepare the app for deployment on a hosting service, ensuring that it is live and accessible to users.

## USER EXPERIENCE
Users will start by accessing the application and signing up or logging in. Once authenticated, they will be directed to the sending panel where they can enter recipient information and the amount of fake robux to send. The interface will provide clear feedback on their actions, such as confirming a transaction or showing the updated transaction history. Users will appreciate the streamlined, minimalist design, which focuses on usability and simplicity, enhancing their overall experience.