Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed to simulate a playful Roblox website that allows users to send Robux to their friends, creating an engaging experience that mimics real transactions without actual monetary exchange. The core aim is to provide a fun and friendly platform where users can interact and manage their virtual Robux balance.

## CORE FEATURES
1. **User Registration & Login**: Users can sign up and log in to manage their accounts and view their virtual Robux balance.
2. **Send Robux**: A feature that allows users to simulate sending Robux to friends by entering their usernames and desired amounts, complete with confirmation messages.
3. **User Profiles**: Each user has a profile showcasing their virtual Robux balance along with a detailed transaction history.
4. **Friends List**: Users can add and view friends, making it easier to send Robux between accounts.
5. **Mock Transaction History**: A dedicated section that displays all simulated transactions for transparency and entertainment.
6. **Minimalist Dashboard**: A clean dashboard that provides easy navigation between sending Robux, viewing profiles, and accessing friends and transaction histories.

## 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 features a top navigation bar for easy access to 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 the 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 the 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 a 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 either create a new account or log in to an existing one. Upon logging in, they will be directed to their dashboard, providing visibility of their Robux balance and friends list. The "Send Robux" feature allows users to enter a friend's username and the amount to send, followed by a confirmation modal. The application is designed for seamless navigation between profiles, friends, and transaction history, all while maintaining a fun and engaging atmosphere with a minimalist approach.