Lovable Prompt Creator - AI Prompt Generator

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

## CORE FEATURES
1. **User Authentication**: A secure login and registration system that allows users to create personalized accounts for a tailored 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, equipped with simple navigation controls.
3. **Transaction History**: A detailed log of all fake robux transactions made by the user, enabling easy tracking and management.
4. **Virtual Currency Balance**: A display of the user's current balance of fake robux, which they can use for sending.
5. **User Profile Management**: Features for users to manage their profiles, including password changes and personal information updates.
6. **Responsive Design**: A fully responsive layout that adapts seamlessly to different screen sizes, ensuring optimal usability 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 with the application logo and navigation links, a main content area showcasing the sending panel and transaction history in an organized fashion, and a footer.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Basic Structure**: Establish the folder structure, including components for the header, sending panel, and footer.
3. **Implement Authentication**: Develop the user authentication system with functionalities for both registration and login.
4. **Develop the Fake Robux Sending Panel**: Design the user interface for sending fake robux, incorporating input fields and buttons styled as specified.
5. **Build the Transaction History Feature**: Create a feature that logs past transactions and makes them accessible to users.
6. **Integrate User Profile Management**: Enable users to update their profiles and manage their accounts effectively.
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 begin by accessing the application and signing up or logging in. Once authenticated, they will be directed to the sending panel where they can enter the recipient's information and the amount of fake robux to send. The interface will provide clear feedback on their actions, such as confirming a transaction or displaying the updated transaction history. Users will appreciate the streamlined, minimalist design that enhances usability and simplicity, creating a positive overall experience.