Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for role-playing scenarios where users can simulate sending fake Robux to their friends. This platform serves as a fun, interactive tool for users to engage in creative play, enhancing their gaming experience with a light-hearted twist.

## CORE FEATURES
1. **User Authentication**: Secure login and account creation for users to manage their profiles.
2. **Fake Robux Transactions**: A feature allowing users to send and receive simulated Robux, with customizable messages to enhance the role-playing experience.
3. **Friend List Management**: Users can add and manage friends within the app, making it easier to send fake Robux.
4. **Profile Customization**: Users can personalize their profiles with avatars and bios, adding to the role-playing aspect.
5. **Activity Feed**: A real-time feed showing recent transactions and interactions among friends, fostering a community feel.
6. **Help & Support Section**: An FAQ and support area to assist users with any questions or issues they might encounter.

## 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 navigation bar at the top, a central content area for features like fake transactions and friend management, and a sidebar for profile and activity feed.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any necessary state management libraries (e.g., Redux).
3. **Create Basic Layout**: Build the main layout structure including the navigation bar, central content area, and sidebar.
4. **Implement User Authentication**: Create user registration and login components, integrating with a backend API for authentication.
5. **Develop Core Features**: 
   - Implement the fake Robux transaction feature, ensuring users can send and receive Robux.
   - Build the friend list management system.
   - Add profile customization options.
   - Create the activity feed to display recent interactions.
6. **Style the Application**: Use Tailwind CSS to apply the minimalist design, ensuring all components adhere to the specified design specifications.
7. **Testing**: Conduct thorough testing for functionality, user experience, and responsiveness on various devices.

## USER EXPERIENCE
Users will navigate the app through a clean interface, where they can easily log in or register. The main dashboard will display their balance of fake Robux, options to send Robux to friends, and view recent activity. The friend management system will allow users to search for friends, send requests, and manage their list. Overall, the experience will be intuitive, engaging, and focused on enhancing role-play interactions among users.