Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate the experience of sending Robux, the virtual currency used in the Roblox platform. This application will provide users with a clean and minimalist interface, allowing them to easily navigate and engage with the core functionalities without any complexity.

## CORE FEATURES
1. **User Authentication**: Simple signup and login process for users to create and manage their accounts.
2. **Robux Simulation**: Feature that allows users to input Robux amounts they wish to "send," with a simulated confirmation process.
3. **Transaction History**: Users can view a list of their simulated transactions, including amounts and dates.
4. **User Profiles**: Basic profiles where users can manage their account details and preferences.
5. **Responsive Design**: Ensures the application is fully functional 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**: The main layout will feature a top navigation bar, a hero section for the main functionality, a transaction history area, and profile management in a clean, structured format.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build the main components: Header, HeroSection, TransactionHistory, UserProfile, and Authentication forms.
3. **Implement Routing**: Set up routing for navigating between different sections of the app using React Router.
4. **State Management**: Implement state management for user authentication and transaction history.
5. **Design Implementation**: Apply Tailwind CSS styles based on the specified design specifications.
6. **Testing**: Conduct thorough testing to ensure all features work as intended and the UI is responsive.

## USER EXPERIENCE
Users will start on the landing page where they can log in or sign up. After authentication, they will be directed to the main interface where they can input the Robux amount to simulate sending. The app will provide feedback on their transactions, and users can navigate to their profile to manage account settings or view their transaction history. The minimalist design ensures that users can focus on their tasks without distraction, enhancing overall usability.