Lovable Prompt Creator - AI Prompt Generator

APPLICATION OVERVIEW  
This project is a web application designed to simulate a platform similar to Roblox but with added functionality for users to send fake Robux. The main purpose is to create a playful and engaging environment where users can interact with one another while utilizing a minimalist design for a clean user experience.

CORE FEATURES  
1. **User Registration and Login**: Allow users to create accounts and log in securely to access their profiles and manage their activities.  
2. **Profile Management**: Users can customize their profiles, including avatars and personal information.  
3. **Fake Robux Transactions**: Users can simulate sending and receiving fake Robux to and from friends, enhancing the social experience.  
4. **Friend System**: A feature that allows users to add friends and view their online status and activities.  
5. **Activity Feed**: Users can see recent transactions and activities from their friends in a dynamic feed.  
6. **Settings Page**: Users can adjust their account settings and preferences, including notification settings.

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 single-page responsive layout with a top navigation bar, main content area displaying features, and a footer for additional links and contact information.

TECHNICAL REQUIREMENTS  
- Framework: React with TypeScript  
- Styling: Tailwind CSS  
- UI Components: shadcn/ui  
- State Management: Use React Context API for user state management.

IMPLEMENTATION STEPS  
1. Set up the React application using Create React App with TypeScript.  
2. Install Tailwind CSS and configure it according to the project's design specifications.  
3. Create the main components: Header (navigation), Profile, Fake Robux Transactions, Friends List, Activity Feed, and Settings.  
4. Implement user authentication using a library like Firebase or Auth0.  
5. Create the profile management functionality allowing users to update their information.  
6. Develop the fake Robux transaction functionality, including the frontend form and backend logic to simulate transactions.  
7. Build the friend system allowing users to send and accept friend requests.  
8. Create the activity feed to display recent activities in real-time.  
9. Ensure responsiveness and usability across devices using Tailwind CSS utilities.  
10. Test the application for bugs and ensure all features work as intended.

USER EXPERIENCE  
Users will start by registering or logging into their accounts. Once logged in, they can navigate through their profile, view their friends, and initiate fake Robux transactions easily. The activity feed will keep them updated on their friends' activities, creating a dynamic and engaging environment. The overall design will be intuitive, with a focus on simplicity and ease of use, ensuring a smooth user experience across devices.