Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a fake Roblox website that allows users to send Robux to their friends, albeit not in reality. The main purpose of this application is to create a playful and engaging platform that mimics the functionality of real Roblox transactions while maintaining a fun and friendly user experience.

## CORE FEATURES
1. **User Registration & Login**: Allow users to create accounts and log in to their profiles to manage their virtual Robux balance.
2. **Send Robux**: A feature that simulates sending Robux to friends by entering their username and an amount, displaying a confirmation message.
3. **User Profiles**: Each user can view their profile, which includes their virtual Robux balance and transaction history.
4. **Friends List**: Users can add friends and view a list of their friends to easily send Robux.
5. **Mock Transaction History**: A section that displays all the simulated transactions for transparency and fun.
6. **Minimalist Dashboard**: A simple dashboard for navigating between features with easy access to send Robux and view profiles.

## 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 application will feature a top navigation bar for easy access to the main functionalities, a central dashboard area for sending Robux and viewing profiles, and a sidebar for quick access to friends and transaction history.

## 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. **Set Up React App**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and components.
3. **Create User Authentication**: Implement user registration and login features using React Context API for state management.
4. **Develop Core Features**: Build the "Send Robux", "User Profiles", "Friends List", and "Transaction History" features.
5. **Design Layout**: Implement the minimalist design as specified using Tailwind CSS to ensure responsiveness and a clean layout.
6. **Testing**: Conduct user testing to ensure functionality and ease of use before final deployment.

## USER EXPERIENCE
Users will start at the login page, where they can create a new account or log in to an existing one. Once logged in, they will be directed to their dashboard, where they can see their Robux balance and a list of friends. The "Send Robux" feature will prompt them to enter a friend's username and an amount, followed by a confirmation modal. Users can easily navigate through their profiles, friends list, and transaction history, all designed to maintain a fun and engaging experience while using a minimalist approach.